如何用FLASH 制做 下雨效果 教程

如何用FLASH 制做 下雨效果 教程,第1张

工具/原料

flash cs3

Flash ActionScript 2.0

步骤/方法

1

双击Flash CS3图标

2

选择Flash文件(ActionScript2.0)

3

一个新文件就打开了。

4

点击场景任意地方,在下方属性里,选择背景为黑色。

5

先制作一个雨滴下落:在菜单栏单击“插入”选择“新建元件”

6

给元件起名“雨滴”,选择类型是“影片剪辑”

7

点击图层一第1帧,选择直线工具(颜色设为灰色,1像素)

8

使用直线工具画一短直线,

9

在第15帧(要雨急则帧短,反之则长)处插入关键帧

10

将直线向下移动

11

选择1至15帧之间任意一帧,点右键选择“创建补间形状”

12

选中第16帧,右键单击,选择“插入空白关键帧”

13

选中第36帧,右键选择“插入空白关键帧”

14

右键点击第36帧,选择“动作”。

15

在打开的动作面板里写代码:“stop()”

16

再制作一个水波。锁定“图层1”新建一“图层2”

17

在“图层2”第15帧处点击右键选择“插入空白关键帧”

18

使用椭圆工具(笔触设为灰色,填充色设为无)在直线下方画一椭圆

19

在“图层2”第35帧处点击右键选择“插入空白关键帧”

20

使用变形工具将椭圆放大

21

使用选择工具点击椭圆,将其透明度设为5

22

在图层2第15-35帧之间任意一帧,点击右键,选择“创建补间形状”

点击场景1回到场景

按CTRL+L打开库面板,将“雨滴”元件拖到场景的图层1,并调整到合适位置

选中第170帧,右键单击选择“插入关键帧”

使用选择工具点击元件实例,在属性面板中写上实例名称,我写的是“mc”

点“插入图层”,新建图层2

选中图层2第1帧,右键点击,选择“动作”

在打开的动作面板里写上代码“c=1”,点关闭。

选中图层2第2帧,右键点击,选择“动作”,写下面代码:

function ee(){

duplicateMovieClip("mc",c,c)

setProperty(c, _x,random(550))

setProperty(c, _y,random(200))

updateAfterEvent()

c++

if (c>300) {

clearInterval(kk)

}

}

kk=setInterval(ee,120)

关闭动作面板,按CTRL+ENTER,效果出来了。

END

注意事项

此代码不适用Flash ActionScript 3.0

代码中的“mc”影片剪辑的实例名称,根据自己的起的实例名修改代码。

先在你的水花动画影片剪辑最后一帧(水花溅起后消失的那帧)上写stop()把它拖到场景上,起个实例名叫 "sh"

写在雨点上的代码

onClipEvent(load){

speed=random(30)+50

}

onClipEvent(enterFrame){

this._y+=speed

if(this._y>790){

var i = this._name.substr(2,2)

_root["sh"+i]._x = this._x

_root["sh"+i]._y = this._y

_root["sh"+i].gotoAndPlay(1)

this._y=-40

}

}

写在主场景帧上的代码

i = 1

while (i <15)

{

duplicateMovieClip("yd", "yd" + i, i)

setProperty("yd" + i, _x, random(570))

setProperty("yd" + i, _y, random(600))

setProperty("yd" + i, _xscale, random(5) + 15)

setProperty("yd" + i, _yscale, getProperty(eval("yd" + i), _xscale))

duplicateMovieClip("sh", "sh" + i, i + 15)

i++

}

while(i<15) 是雨点的数目,整个场景里的雨总数少于 15点的时候它就会被反复执行,

1、做一个雨滴

2、让它动起来

3、复制N多个雨滴(或者疯狂复制图层1李的所有贞,在另一个图层粘贴上)

4、建立N多图层,一个雨滴放一个层(前提是你要让每个雨滴的速度或方向各有所异)

5、设置补间动画

完成


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11645421.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存