Integrate Sencha Animator events on Architect events

Hi all,

Can I design a css3 website with animations on the Animator and then integrate it into the MVC on the Sencha Architect in order to define events on the controllers to add some logic and communication with the database with Ext.Direct.

Basically on the Architect MVC the View will be the result from the Sencha Animator plus eventual some other architect components like grids and so on.

It is not that simple, but it is still possible to insert your animation into a ExtJS / Touch project with a little bit of coding. What you can do is render the animation inside a container in your app and use Animator API to control it (start / stop / switch scene etc.). The API is documented here: http://docs.sencha.com/animator/1.5/#!/api

Triggering an Ext event from inside the animation is possible if you are rendering the animation in the same scope as your app (so not inside an iframe). With this, you should be able to attach event listeners to the dom elements (objects) inside your animation, by using dom selectors. To do that you need to use delegating more or less like this: