Animated button html5 canvas
Hello,
Please help me how to make this design
in html5 canvas also in simple way... Thanks in advance...![]()
Hello,
Please help me how to make this design
in html5 canvas also in simple way... Thanks in advance...![]()
Hi.
Here is a small sample using the default Button symbol.
Notice that I only put a small script in the up/out state so the user won't see the animation when the button is loaded. If you change the total frames of the bar animation, don't forget to update the 14 number in line 3.
Also notice it that I didn't use color effect for the text color animation because of browser compatibility.
Please fell free to tweak the animations or whatever other change needed.
Preview:

Up/Out state script:
if (!this.parent.firstTime)
{
this.gotoAndStop(14);
this.parent.firstTime = true;
}
FLA download:
animate_cc_htm5_animated_button.zip - Google Drive https://bit.ly/2HhZkS0
I hope it helps.
Regards,
JC
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.