Flash教你怎样制作花瓣随风舞动 |
|
常识点： a、渐变色,形变动画的 利用 。 b、元件的as标识符 。 c、attachMovie的 利用 。 d、movieClip的各项属性的 使用 。 e、滤镜的 利用 。
利用 综合： 本题最初是协助朋友做一个视觉 动机,做一朵花开放的 动机出来 。 综合一下，花是由一片片花瓣构成，做完每一片花瓣的 紧锁动画， 而后复制若干个这个动画，让其围绕一圈播放，那么就 可以 构成一层花瓣 绽开的 动机， 而后做多层这种 动机，最终就 可以 构成一朵花的 动机 。 留神必须 使用flash8.0以上的播放器 。 那么问题很 容易，首先要做花瓣 。 构建一个空MC，命名为"huanban01"，用钢笔工具画一个花瓣， 留神花瓣的轮廓要 使用绿线，而花瓣内要 使用 核心渐变色填充 。花瓣的大小操纵在长度100象素左右 。 留神该花瓣元件的定义点 核心应该在花瓣的根部 。(这是为了 将来复制的时候，花瓣 可以根部为 核心进行围绕)参见图pic01.jpg：
在1-30帧中间，做一个花瓣 紧锁的动画，其实便是在第1帧把花瓣缩短， 而后用形变动画让其放大 。参见图pic02.jpg：
在30-160帧中间，做一个花瓣轻微舞动的 动机，也很 容易，只不过让花瓣的 形态略微有丝毫 变迁即可 。你也 可以做的长一些， 比方30-400帧中间，多做几个 要害帧 。在最终一帧上外加as： gotoAndPlay(30); 这样，花瓣在轻微舞动之后会跳回到30帧 接续舞动，这样一个花瓣便 实现了，你 可以把这个元件拖到场景中，观看一下播放 动机 。 每个花瓣的 形态不可能一样， 因此，我们有必要多做几个花瓣，你 可以 反复上述步骤，做出"huanban02"，"huanban03"，让它们的 形态和"huanban01"有所区别，轻微舞动的频率也有所区别 。 接下来一步，我们需求把元件库里的这几个花瓣外加标识符，以便 将来调用 。元件库里鼠标右键点元件"huanban01"，在菜单里 取舍"链接...”，弹出对话框，勾选“为actionscript导出”，“在第一帧导出”， 而后在标识符一栏里写上"huanban01"，点确定 。参见图pic03.jpg：
"huanban02"，"huanban03"一样外加标识符 。 留神元件的标识符是唯一的，不可 反复，每一个元件外加标识符之后，运行时就 可以将他们随时调用出来 使用了 。 下面需求做一层花瓣，新建一个MC，命名为“花瓣层1”，帧上大约参见图pic05.jpg：
在第1帧里写上： quan=random(3)+10; n=1; quan这个变量是用来计算该层花瓣一共有多少个，假如写quan=10，那么该层花瓣就一共有10片，random(3)是一个随机函数，它的作用是随机生成0-2的随机整数，那么quan的实际值应该为10-12的随机整数 。n=1，是计数器，不赘述 。在第2帧里写上： for (i=1;i<=quan;i++) { temp=random(3)+1; this.attachMovie("huaban0"+temp,"huaban"+n,n) lik=this["huaban"+n] lik._rotation=360/quan*i+random(10)-5; lik._alpha=random(10)+60; lik._xscale=random(20)+100; lik._yscale=random(20)+100; temp=random(2); if (temp==0) { lik._yscale=-lik._yscale; } n++ } this.attachMovie("huaban0"+temp,"huaban"+n,n) 的作用便是随机从库里抽出"huaban01","huaban02","huaban03"元件，命名为,"huaban"+n的实例，复制到本元件内 lik=this["huaban"+n]是用lik变量锁定该复制的实例，容易后面操作 。 lik._rotation=360/quan*i+random(10)-5; 的作用便是把花瓣围绕 分布，+random(10)-5的 目标是为了让花瓣的旋转角度有 定然偏差，不至于太 均匀 。 lik._alpha=random(10)+60;的作用是让花瓣的透明度在60-70中间取随机值 。 lik._xscale=random(20)+100;的作用是让花瓣的长度在100%到120%中间取取随机值 。 lik._yscale=random(20)+100;的作用是让花瓣的宽度在100%到120%中间取取随机值 。 temp=random(2); if (temp==0) { lik._yscale=-lik._yscale; } 以上语句的作用是随机让花瓣以中轴进行翻转 。n++;计数器+1 。在第90帧写上： stop(); 如此，该层花瓣已经 实现， 可以把该MC拖入场景， 视察 动机 花是由多层花瓣构成的， 因此，有必要多做几个， 可以把上面“花瓣层1”元件复制若干个， 批改其中的参数，让其生成花瓣的数目，长短，透明等等有 定然区别 。分别拉入场景 此时， 根本已经 竣工 。下面需求做的是组装花朵 。新建一个MC，命名为“花”，按下图所示，分别将几个花瓣层组件 调配到不同的层中，将他们叠放在一同 。最终在最上层放一个 核心点 。(你也 可以放一个花蕊什么的)参见图pic04.jpg：
将本元件拖入场景总，播放， 动机 大体如test06.swf所示： 这时的花看起来还 比较平面化， 缺乏细节， 因此，我们需求给花添加 动机，让其看起来更 丰硕 。首先进入“花”组件中，给每一层花瓣都添加两种滤镜，分别是投影和发光 。 大体的设置如下 。参见图pic06.jpg，pic07.jpg：
而后：进入场景中，给“花”组件也添加一种滤镜“调整” 色彩， 大体设置如下 。参见图pic08.jpg：
通过这样一改，花朵的 动机就 丰硕众多了， 大体 动机如test07.swf所示：
教程后思量题： 1、为何非要在每一个“花瓣层”上添加投影和发光，假如只在“花“组件上添加这两种滤镜， 动机会如何？ 2、有没可能再做一花瓣凋零的 动机？ 3、假如想做花蕊，可不 可以用 类似的 步骤来做？ |
