View Full Version : One Animation - Multiple Objects

7 Jun 2011, 1:30 AM
Hi there,

I am currently trying to animate a Text, which is always inserted at the point where the user clicks on the screen. Whenever the user clicks this text shows the number of total clicks so far.

1st click = 1
2nd click = 2

So these numbers are shown on the screen. To do this I create a div on the screen with a unique name
newdiv = document.createElement('div');
newdiv.id = 'scoreAnim'+i+'_'+j;
newdiv.innerHTML = '+' + animScore;
To animate this I create a new StyleSheet add the start values and then I use insertRule to animate it.

Thats really horrible and very slow.

Now I took a look at Sencha Animator and animated a number to use the outcome for my animation.

How do I add the animation to a random created item and probably have several instances running on the screen at the same time with a slight time difference?

If the user clicks rapidly several times on the screen, there should be several numbers popping up at different states of the same animation.

Can you help?

7 Jun 2011, 9:32 AM
Dynamic/Interactive element creation is not supported at this point.

Not sure if I fully follow what you're trying to accomplish, but perhaps you should have the animation in the css be based on a class name, that way you can add the class to your newly created object to start animating it.