2021-09-11 来源:网络
Flash AS3教程:如何利用按钮控制选择播放动画
动画效果如下:
(按Ⅰ、Ⅱ两个按钮试试吧)
利用按钮控制选择2个不同的动画播放的实例具体制作步骤如下:
步骤一、新建“按钮与底图”图层,加入基本画面布置,并在第35帧位置插入帧(指定动画影片长度为35帧),然后加加入控制场景磁头播放位置的按钮“aniA_btn”和“aniB_btn”;
步骤二、新建“动画1”图层,并在第2帧插入关键帧,在场景舞台之外加入圣诞老人的图像组件,然后将该帧命名为“圣诞老人”,在第15帧位置插入关键帧,并将圣诞老人图像移到场景舞台的最左方,最后在2-15帧之间建立移动补间动画。
步骤三、新建“动画2”图层,在第16帧处插入关键帧,命名该帧为“圣诞树”,接着在场景中加入圣诞树影片剪辑。在第35帧插入关键帧,将圣诞树影片剪辑移到舞台中央,并适当调整大小,最后在16-35帧建立移动补间动画。
步骤四、选择“动画1”图层,点15帧,按F9打开动作面板,写上stop()代码;
步骤五、选择“按钮与底图”图层的第1帧,按F9打开动作面板,写入如下代码:
stop(); aniA_btn.addEventListener(MouseEvent.CLICK,play_aniA); function play_aniA(me:MouseEvent){ this.gotoAndPlay("圣诞老人"); } aniB_btn.addEventListener(MouseEvent.CLICK,play_aniB); function play_aniB(me:MouseEvent){ this.gotoAndPlay("圣诞树"); }
这样,如何利用按钮控制选择播放动画的Flash AS3教程就完成了,你可以按Ctrl+Enter进行测试。
相关文章