HTML5 Canvas Code Error

if you fail to account for the way canvas counts frames, you'll be off by 1 frame, not 2 frames.  are you sure it's off by 2, and not 1?

Hi.

In the HTML5 Canvas document, the first frame is 0. So when you use gotoAndPlay(2), you're actually sending the timeline to the third frame. So you should use gotoAndPlay(1) to send to the second frame.

Also, the click event listener is being readded everytime that frame is revisited. Thus you should add a check to prevent it. For example:

var _this = this;

if (!_this.frame0Started) // frame0Started is just a custom property
{
	_this.button_1.on("click", function()
	{
		_this.gotoAndPlay(1);
	});

	_this.frame0Started = true;
}

I hope this helps.

Regards,

JC

To clarify when I said "when the button is clicked it goes to frame 2" "it" is referring to the animation.

I coded the same thing just with a different button, so when I press the button the animation should go to frame 20 but instead, it goes to frame 22. Same problem!