Hello,
Please help me how to make this design
in html5 canvas also in simple way... Thanks in advance...
1 Correct answer
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.pa
2
Replies
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
AdChoices