Animate Canvas HTML5 - Stop on specified frame when mouseclick

I have an Adobe Animate Canvas animation, 100 frames.

Normally the animation should play from frame 1 to frame 100

Only if the user hits a certain button the animation should only play till frame 50.

What code should I use?

This topic has been closed for replies.

Correct answer ClayUUID

In the first frame:

if (!this.myButton.hasEventListener("click")) {

this.myButton.addEventListener("click", myButtonClicked.bind(this));

}

function myButtonClicked() {

this.stopAt50 = true;

}

If your timeline doesn't loop, you don't need the check around the listener assignment.

Then on frame 50:

if (this.stopAt50) {

this.stop();

}

ClayUUIDCorrect answer

Legend