如何使用Animate制作点击小程序(AS3)
浏览量:1649
时间:2024-08-10 07:55:47
作者:采采
在之前的文章中,我们已经讲解了如何使用影片剪辑作为按钮。现在,我们将使用相同的制作方法来创建一个点击小程序。
步骤一:打开Animate CC软件并新建AS3文档
首先,打开Animate CC软件,并创建一个新的AS3文档。请注意,一定要选择AS3文档,其他版本也支持AS3脚本的Flash同样可以使用。
步骤二:绘制矩形
在工具栏中找到矩形工具,并在舞台上绘制一个矩形,如图所示。
步骤三:转换为影片剪辑元件
选择矩形,右键点击选择“转换为元件”,或者使用快捷方式F8,将矩形转换为影片剪辑元件。
步骤四:编辑影片剪辑
双击元件进入编辑状态,在时间轴的第10帧插入一个关键帧,并调整矩形的颜色。
步骤五:创建补间形状动画
在中间帧上创建补间形状动画,以实现想要的效果。
步骤六:创建重置按钮
新建一个图层,在第1帧和最后1帧插入关键帧,并在每个关键帧上输入代码“stop();”。这将用于停止动画播放。
步骤七:设置实例名
回到主场景,复制24个影片剪辑,并按照图示排列它们。然后依次设置每个影片剪辑的实例名为m0-m24。
步骤八:创建重置按钮
继续制作一个按钮,用于重置效果。根据需要设计按钮的外观,并为其设置实例名为btn_reset。
步骤九:添加代码
在时间轴的帧上加入如下代码:
btn_(, resetAnimation); function resetAnimation(event:MouseEvent):void { gotoAndStop(1); }
这段代码将在点击重置按钮后将动画回到初始状态。
现在,运行程序,当你点击某个影片剪辑时,就会播放动画效果。而点击重置按钮后,动画将回到开始状态。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。