Flash新手入门教程:AS代码打造漂亮的螺旋上升效果,本例介绍使用Flash的AS代码实现漂亮的螺旋上升特效,适合初学者学习,喜欢的朋友可以到论坛Flash互助课堂提交作业,老师会为作业点评的哦~~
【 tulaoshi.com - Flash 】
本文由 中国 wytan(老顽童) 原创,转载请保留此信息!
效果演示:
实例“螺旋上升”的制作法
1、 新建一个200*400,背景色深蓝,帧频24的Flash文档。
2、 插入一个电影剪辑,命名为“星”,在第一帧用无笔触画一个30*30的星,并让其全居中,填充放射渐变色,在第10、20、30、40帧分别插入关键帧。改变每个关键帧的渐变色。在个关键帧之间创建形状补间。
3、 插入一个电影剪辑,命名为“圆”,在第一帧用无笔触画一个27*27的圆,并让其全居中,填充放射渐变色,右色码透明度为0,在第10、20、30、40帧分别插入关键帧。改变每个关键帧的渐变色。在个关键帧之间创建形状补间。
4、 插入一个电影剪辑,命名为“旋转”,增加一个层和一个引导层第一层命名为“星”,第二层命名为“圆”,在引导层用线条画出螺旋形曲线,在40帧插入普通帧,如下图:
点击吸附按钮,分别把库中的“星”和“圆”拖入对应层的第一帧,并让“星”和“圆”吸附在引导线的下端。在“星”和“圆”图层的第40帧都插入关键帧,并分别把“星”和“圆”元件移到引导层上端,吸附引导线。在两层的第1和第40帧之间创建补间动作。
分别在两层第10、20、30、40帧处分别插入关键帧,改变个关键帧的大小及透明度。
在引导层的上方新建一个层,在第41帧插入关键帧,选中41帧,打开动作面板,输入脚本:
this.removeMovieClip();
stop();
注意:两层公用一个引导线,下面的层要往上推一下才能设定。
5、 回到主场景,增加一个层,第一层命名为“旋转”,第二层命名为“AS”,选中第一层的第1帧,把库中的“旋转”元件拖到场景中,调整好位置。打开属性面板,给电影剪辑取实例名“xuan”。选中“AS”层的第一帧,打开动作面板输入以下脚本:
_root.tnum = 1;
xuan.onEnterFrame = function() {
this.duplicateMovieClip("star"+_root.tnum, _root.tnum);
this.rnum = Math.random()*100+10;
_root["star"+_root.tnum]._y = Math.random()*400
_root.tnum++;
};
6、 测试电影,存盘。
说一下,旋转的元素不一定是星和圆,可以是字母(打散才能变色)或树叶、花朵。根据自己的喜好吧。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)对本文感兴趣的朋友可以到这里提交作业,老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=193500
来源:http://www.tulaoshi.com/n/20160129/1486110.html
看过《Flash新手入门教程:AS代码打造漂亮的螺旋上升效果》的人还看了以下文章 更多>>