![v2-8462e014ca1f9411c9da023f273d4aa0_1440w.jpg?source=172ae18b](http://img-03.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-8462e014ca1f9411c9da023f273d4aa0_1440w.jpg?source=172ae18b)
这里讲一下如何用代码实现多张图片循环滚动的动画效果,以前常用于网页中。
适用软件:Animate CC及支持AS3脚本的Flash软件
制作步骤:
1.这里用的是Animate CC,打开软件,新建Actionscript3.0文档。
![v2-fad1ae07b978d589fc5503e7fedff340_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-fad1ae07b978d589fc5503e7fedff340_b.jpg)
2.将准备好的图片放到舞台上,如图所示,注意三张图片的尺寸要相同
![v2-0493eaa54f1149c7161474ecdf9d2e4d_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-0493eaa54f1149c7161474ecdf9d2e4d_b.jpg)
3.分别转换三张图片为影片剪辑元件
![v2-2d631cfae502d09207cf8266ed9e14cf_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-2d631cfae502d09207cf8266ed9e14cf_b.jpg)
4.注意在元件设置中设置注册点在左上角位置
![v2-32aa4035469cea6ec8e4583bf16a3e81_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-32aa4035469cea6ec8e4583bf16a3e81_b.jpg)
5.依次设置三个影片剪辑的实例名为mc0,mc1,mc2
![v2-634f8d74d4e216566a8f441a6757ff8a_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-634f8d74d4e216566a8f441a6757ff8a_b.jpg)
![v2-b7ee316dda06e7d4f825b175b950ffdd_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-b7ee316dda06e7d4f825b175b950ffdd_b.jpg)
![v2-6f9a1ba6d91b741eeda48c6206024fdc_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-6f9a1ba6d91b741eeda48c6206024fdc_b.jpg)
6.新建一个图层
![v2-109c395c554606399ff0b29fed00746b_b.jpg](http://img-02.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-109c395c554606399ff0b29fed00746b_b.jpg)
7.在新的图层绘制一个矩形
![v2-a3c40085c072198e0d7a31ff5e391400_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-a3c40085c072198e0d7a31ff5e391400_b.jpg)
8.调整大小和图片元件一致,并转换为元件
![v2-e516a4f85b559e87091919a8571f731f_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic4.zhimg.com/v2-e516a4f85b559e87091919a8571f731f_b.jpg)
9.同样转换为影片剪辑元件,注册点在左上角
![v2-32aa4035469cea6ec8e4583bf16a3e81_b.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-32aa4035469cea6ec8e4583bf16a3e81_b.jpg)
10.设置影片剪辑的实例名为mask_mc
![v2-792845d2a73241e7d1240df7e53d2eed_b.jpg](http://img-03.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-792845d2a73241e7d1240df7e53d2eed_b.jpg)
11.选择矩形元件,对齐到舞台
![v2-fd610c53790d60bf51722f0fda10008e_b.jpg](http://img-02.proxy.5ce.com/view/image?&type=2&guid=edc9dd74-422e-eb11-8da9-e4434bdf6706&url=https://pic3.zhimg.com/v2-fd610c53790d60bf51722f0fda10008e_b.jpg)
12.元件都准备好了,接下来就可以添加代码实现效果了。
如果有相关的FLASH或者Animate操作及代码方面的问题可以私信,尽心解答!
如果感觉我们的文章很有用,记得分享给朋友或同学,让更多人方便的学习到实用的Flash知识。