[Flash CC HTML5 canvas' elements are not reseting GSAP properties while replay]

Thanks for support, guys! Really appreciate it! 

[Problem with onComplete option - can't move to next frame]

The solution is in modifying onComplete: like this

pplay.bind(this)

[Flash CC HTML5 canvas' elements are not reseting GSAP properties while replay]

Hello!

 

I'm creating a HTML5 project using Flash CC HTML5 canvas.

 

What I do is adding animation code to each frame. After all frames passed the banner loops and I want it to have exact animation as at the first playing. But all instances are loosing their original position and properties. I need all the stage elements to reset just as it is at regular flash projects.

 

P.S. Previously I worked with greensock AS2 at Flash CS 6 - everything worked perfect.

 

Best regards, Vital

banner_test (3).zip

[Problem with onComplete option - can't move to next frame]

Are the typos in play intentional?

It's just a finction's name. I wrote pplay not to conflict with regular play function.

[Problem with onComplete option - can't move to next frame]

Hello!

 

I'm creating a banner using Flash CC HTML5 canvas.

What I do is adding animation code to each frame. After it completes I want the next frame to be played.

 

I included two libs into the HTML file:

• EasePack.min.js
• TweenLite.min.js

 

So at the current frame I am writing the following code (source file: test7.zip ):

this.stop();

TweenLite.to(this.target, 1.35, {delay: 0.1, y: 180, ease:Elastic.easeInOut, onComplete: pplay } );


function pplay(){    

    this.play();
    window.alert('123');
    
};

The frame is animated but it stops at the end instead of going to next frame. At this time the alert works, but I can not skip it - it's like a loop function.

 

How can I get to the next frame?

 

 

P.S. Previously I worked with greensock AS2 at Flash CS 6 - everything worked perfect.

 

Best regards, Vital