2016 - 2024

感恩一路有你

如何使用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);
    }

这段代码将在点击重置按钮后将动画回到初始状态。

现在,运行程序,当你点击某个影片剪辑时,就会播放动画效果。而点击重置按钮后,动画将回到开始状态。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。