FLASH动画设计精品课程课件

项目七脚本的应用

《FLASH动画设计》精品课程组项目七脚本的应用《FLASH动画设计》精品课程组1控制影片播放1制作LOADING2制作下雨效果

3制作下雪效果

4控制影片播放1制作LOADING2制作下雨效果3制作下雪21、控制影片播放

开一个已经完成的动画源文件，如图所示。

1、控制影片播放 开一个已经完成的动画源文件，如图所示。31、控制影片播放

制作按钮元素。建立一个“播放”按钮元件，选择矩形工具，将笔触颜色设置为黑色，线条粗细设置为3，填充颜色设置为#FF9900，在图层1的“弹起”帧绘制一个矩形，如图所示。1、控制影片播放 制作按钮元素。建立一个“播放”按钮元件41、控制影片播放

在“指针经过”处按F6插入关键帧，将填充颜色改为＃669900，在“按下”处插入关键帧，颜色改为＃6699CC，在“点击”处插入帧，在图层1上方插入一个新的图层，在“弹起”状态下输入文字“播放”，如图所示。1、控制影片播放 在“指针经过”处按F6插入关键帧，将填51、控制影片播放

在库面板中，重制“播放”按钮，在打开的复制元件对话框中，将元件名称改为“停止”。在库面板中双击“停止”按钮的元件，将文字“播放”改为“停止”，如图所示。用同样的方法“重制”按钮元件，制作出“上一帧”“下一帧”“返回”三个按钮元件。1、控制影片播放 在库面板中，重制“播放”按钮，在打开的61、控制影片播放

回到场景1，在主时间轴上插入新的图层，命名为“按钮”，并将所有按钮元件拖放到舞台上，如图所示。

1、控制影片播放 回到场景1，在主时间轴上插入新的图层，71、控制影片播放

在“按钮”图层上方插入一个新的图层命名为“AS”用于编写帧脚本，选中第一帧，按F9打开动作面板，在脚本区域插入stop();命令，该命令主要是停止帧的播放，如图所示。

1、控制影片播放 在“按钮”图层上方插入一个新的图层命名81、控制影片播放

选择“播放”按钮，在动作面板的脚本区插入代码：on(release){play();}，设置当按下播放按钮时开始播放动画，如图所示。1、控制影片播放 选择“播放”按钮，在动作面板的脚本区插91、控制影片播放

选择“停止”按钮，在动作面板的脚本区插入代码：on(release){stop();}，设置当按下播放按钮时停止播放动画，如图所示。1、控制影片播放 选择“停止”按钮，在动作面板的脚本区插101、控制影片播放

选择“上一帧”按钮，在动作面板的脚本区插入代码：on(release){gotoAndPlay(prevFrame());} 设置当按下上一帧按钮时播放上一帧动画，如图所示。1、控制影片播放 选择“上一帧”按钮，在动作面板的脚本区111、控制影片播放

选择“下一帧”按钮，在动作面板的脚本区插入代码：on(release){gotoAndPlay(nextFrame());} 设置当按下下一帧按钮时播放下一帧动画，如图所示。1、控制影片播放 选择“下一帧”按钮，在动作面板的脚本区121、控制影片播放

选择“返回”按钮，在动作面板的脚本区插入代码： on(release){gotoAndPlay(1);} 设置当按下返回按钮时播放下一帧动画，如图所示，保存并测试影片。

1、控制影片播放 选择“返回”按钮，在动作面板的脚本区插132、制作LOADING

打开上一个实例的源文件，选择窗口－设计面板－场景，打开场景面板，增加一个“场景2”，我们用它来做loadding的场景。拖动“场景2”的到“场景1”“上面。 在“场景2”中新建立4个图层，从上到下分别命名为：AS层、进度条层、按钮层、动画层。2、制作LOADING 打开上一个实例的源文件，选择窗口－142、制作LOADING

给AS图层第一帧加上帧标签play，然后打开动作面板，复制下面的代码并粘贴。 //将电影总字节数赋值给total变量

total=_root.getBytesTotal();

//将已经下载的字节数赋值给loaded变量

loaded=_root.getBytesLoaded();

//取整计算已下载的字节数的百分比并赋值给变量load

load=int(loaded/total*100);

//把已下载的字节数赋值给动态文本变量loadtxt

loadtxt="loading"+load+"%";

//进度条同时按百分比数跳转到相应的帧上去;

_root.进度条.gotoAndStop(load);2、制作LOADING 给AS图层第一帧加上帧标签play152、制作LOADING

在第6帧（F7）插入一个关空白关键帧，复制下面的代码并粘贴：

//如果下载字节数=总字节数，跳转到6帧停止

if(loaded==total){

gotoAndStop(6);

//否则跳转到标签名"play"的帧,继续下载

}else{

gotoAndPlay("play");

}2、制作LOADING 在第6帧（F7）插入一个关空白关键162、制作LOADING

创建进度条影片剪辑，命名为“进度条。在这个影片剪辑上，建立分别为“边框线”层和“填充色”层。在“边框线”层，绘制一个矩形，在属性面板设置：宽：300；高：24；X：-150，Y：-12。2、制作LOADING 创建进度条影片剪辑，命名为“进度条172、制作LOADING

在100帧处F5插入普通帧。选中矩形里面的填充色（Ctrl+X）剪切，粘贴到“填充色”层第一帧（Ctrl+Shift+V或选择编辑菜单下的粘贴到当前位置），调整填充色颜色，在100帧处F6插入关键帧，选中第一帧创建“形状”动画，在第一帧将矩形宽改为3。双击矩形框在属性面板把笔触调整为2，颜色自定义。2、制作LOADING 在100帧处F5插入普通帧。选中矩182、制作LOADING

进度条层设置进度条及动态文本。回到场景2中把刚做好的“进度条”元件从库中拖放到“进度条”这一图层的第一帧上，调整位置。然后选中舞台中的“进度条”元件，在属性面板上写上实例名“进度条”，在第6帧插入普通帧。2、制作LOADING 进度条层设置进度条及动态文本。回到192、制作LOADING

选中“进度条”层，在舞台合适的位置加入一个动态文本框，在属性面板上设置文本类型：动态文本，字体：Arial，变量名：loadtxt，单行，字体大小颜色自定义，相关参数如图所示。2、制作LOADING 选中“进度条”层，在舞台合适的位置202、制作LOADING

在“按钮层”第6帧插入一个空白关键帧，选择窗口菜单下公用库，打开按钮库，挑出一个自己喜欢的播放按钮，摆放到舞台合适位置并调整大小（本例中选择的是：playback---playback-play）。2、制作LOADING 在“按钮层”第6帧插入一个空白关键212、制作LOADING

选中舞台上的按钮元件给按钮加上下面的代码：

on(release){//释放按钮

gotoAndPlay("场景1",1);//跳转并播放场景1的第1帧

} 现在loading就能用了，可以在“动画层”再加入一些动画影片剪辑。2、制作LOADING 选中舞台上的按钮元件给按钮加上下面222、制作LOADING

测试影片。如果作品比较小，在测试的时候loading会瞬间就过去了，可以在测试影片的时候，选择“视图”菜单下的“模拟下载”就可以慢慢的欣赏loading的全过程了。2、制作LOADING 测试影片。如果作品比较小，在测试的233、制作下雨效果

思路：先做一滴雨的效果，然后复制一定数量的雨滴，这样就出现了许多雨了。需要说明的一点就是利用影片的坐标属性让复制出来的雨滴从不同的地方落下，这样就显得杂乱，真实。3、制作下雨效果 思路：先做一滴雨的效果，然后复制一定数243、制作下雨效果

新建文档，把素材文件夹中的图片“菏塘”导入到舞台中，并调整图片的大小使其与舞台的大小一致，设置图片相对于舞台居中对齐。3、制作下雨效果 新建文档，把素材文件夹中的图片“菏塘”253、制作下雨效果

新建名为“下雨”的影片剪辑，在影片剪辑中选择线条工具，将笔触的颜色设置为“#CCCCCC”，在舞台上绘制一条斜线，选中绘制的线条按F8将其转换为图形元件“雨”，如图所示。

3、制作下雨效果 新建名为“下雨”的影片剪辑，在影片剪辑263、制作下雨效果

在图层1的第20帧插入关键帧，设置元件“雨”完全透明，并移动一定的位置，制作动画。新建图层2置于图层1下，在第15帧插入关键帧，绘制一个圆圈，调整位置使其中心在线条“雨”的末端。将圆圈转换为图形元件“涟漪”，如图所示。

3、制作下雨效果 在图层1的第20帧插入关键帧，设置元件273、制作下雨效果

在图层2的第25帧插入关键帧，将“涟漪”放大（中心位置不变），并设置为完全透明，创建补间动画。3、制作下雨效果 在图层2的第25帧插入关键帧，将“涟283、制作下雨效果

回到场景1，将图层1命名为“背景”，插入图层2命名为“雨”。把元件“下雨”从库中拖放到图层“雨”，将其实例名称改为“rain”。在两个图层的第2帧插入普通帧，如图所示。

3、制作下雨效果 回到场景1，将图层1命名为“背景”，插293、制作下雨效果

插入图层3命名为“AS”，该层用来添加脚本。选中第1帧，在动作面板中输入以下脚本。 i=random(100);//产生随机数 duplicateMovieClip("rain","rain"+i,i);//复制影片 setProperty("rain"+i,_x,random(550));//摄制影片属性 setProperty("rain"+i,_y,random(400));3、制作下雨效果 插入图层3命名为“AS”，该层用来添加303、制作下雨效果

选中图层“AS”的第2帧插入关键帧，在动作面板中输入以下脚本。 gotoAndPlay(1); 保存并测试影片。3、制作下雨效果 选中图层“AS”的第2帧插入关键帧，在314、制作下雪效果

下雪的效果和下雨的效果制作方法是一样的，只需要把“下雨”的影片剪辑改为“下雪”动画效果。 新建文档，将舞台大小设置为宽650px高320px，背景为黑色。将素材文件夹中的图片“雪景”导入到舞台上，并设置为相对于舞台居中对齐，将图层1命名为“背景”。

4、制作下雪效果 下雪的效果和下雨的效果制作方法是一样的324、制作下雪效果

新建图形元件“雪花”，用白色线条工具和椭圆工具配合绘制雪花，如下图所示。4、制作下雪效果 新建图形元件“雪花”，用白色线条工334、制作下雪效果

新建影片剪辑“下雪”，将图形元件“雪花”拖放到“下雪”影片剪辑的舞台上，给图层1插入一个引导层，绘制一条曲线作为雪花飘落的路径，如图所示。4、制作下雪效果 新建影片剪辑“下雪”，将图形元件“雪花344、制作下雪效果

回到场景1，新建“下雪”图层，将影片剪辑“下雪”拖放到舞台上方，并影片剪辑“下雪”设置实例名为“snow”，新建“AS”图层，在所有图层的第2帧插入普通帧，如下图所示。4、制作下雪效果 回到场景1，新建“下雪”图层，将影片剪354、制作下雪效果

选择“AS”的第一帧，在脚本区输入以下代码：i=random(100);//产生随机数duplicateMovieClip("snow","snow"+i,i);//复制影片setProperty("snow"+i,_x,random(550));//摄制影片属性setProperty("snow"+i,_y,random(400));4、制作下雪效果 选择“AS”的第一帧，在脚本区输入以下364、制作下雪效果

在图层“AS”的第2帧插入关键帧，在该帧的行为面板中输入以下代码： gotoAndPlay(1); 保存并测试影片。4、制作下雪效果 在图层“AS”的第2帧插入关键帧，在该37演讲完毕，谢谢观看！演讲完毕，谢谢观看！38项目七脚本的应用

《FLASH动画设计》精品课程组项目七脚本的应用《FLASH动画设计》精品课程组39控制影片播放1制作LOADING2制作下雨效果

3制作下雪效果

4控制影片播放1制作LOADING2制作下雨效果3制作下雪401、控制影片播放

开一个已经完成的动画源文件，如图所示。

1、控制影片播放 开一个已经完成的动画源文件，如图所示。411、控制影片播放

制作按钮元素。建立一个“播放”按钮元件，选择矩形工具，将笔触颜色设置为黑色，线条粗细设置为3，填充颜色设置为#FF9900，在图层1的“弹起”帧绘制一个矩形，如图所示。1、控制影片播放 制作按钮元素。建立一个“播放”按钮元件421、控制影片播放

在“指针经过”处按F6插入关键帧，将填充颜色改为＃669900，在“按下”处插入关键帧，颜色改为＃6699CC，在“点击”处插入帧，在图层1上方插入一个新的图层，在“弹起”状态下输入文字“播放”，如图所示。1、控制影片播放 在“指针经过”处按F6插入关键帧，将填431、控制影片播放

在库面板中，重制“播放”按钮，在打开的复制元件对话框中，将元件名称改为“停止”。在库面板中双击“停止”按钮的元件，将文字“播放”改为“停止”，如图所示。用同样的方法“重制”按钮元件，制作出“上一帧”“下一帧”“返回”三个按钮元件。1、控制影片播放 在库面板中，重制“播放”按钮，在打开的441、控制影片播放

回到场景1，在主时间轴上插入新的图层，命名为“按钮”，并将所有按钮元件拖放到舞台上，如图所示。

1、控制影片播放 回到场景1，在主时间轴上插入新的图层，451、控制影片播放

在“按钮”图层上方插入一个新的图层命名为“AS”用于编写帧脚本，选中第一帧，按F9打开动作面板，在脚本区域插入stop();命令，该命令主要是停止帧的播放，如图所示。

1、控制影片播放 在“按钮”图层上方插入一个新的图层命名461、控制影片播放

选择“播放”按钮，在动作面板的脚本区插入代码：on(release){play();}，设置当按下播放按钮时开始播放动画，如图所示。1、控制影片播放 选择“播放”按钮，在动作面板的脚本区插471、控制影片播放

选择“停止”按钮，在动作面板的脚本区插入代码：on(release){stop();}，设置当按下播放按钮时停止播放动画，如图所示。1、控制影片播放 选择“停止”按钮，在动作面板的脚本区插481、控制影片播放

选择“上一帧”按钮，在动作面板的脚本区插入代码：on(release){gotoAndPlay(prevFrame());} 设置当按下上一帧按钮时播放上一帧动画，如图所示。1、控制影片播放 选择“上一帧”按钮，在动作面板的脚本区491、控制影片播放

选择“下一帧”按钮，在动作面板的脚本区插入代码：on(release){gotoAndPlay(nextFrame());} 设置当按下下一帧按钮时播放下一帧动画，如图所示。1、控制影片播放 选择“下一帧”按钮，在动作面板的脚本区501、控制影片播放

选择“返回”按钮，在动作面板的脚本区插入代码： on(release){gotoAndPlay(1);} 设置当按下返回按钮时播放下一帧动画，如图所示，保存并测试影片。

1、控制影片播放 选择“返回”按钮，在动作面板的脚本区插512、制作LOADING

打开上一个实例的源文件，选择窗口－设计面板－场景，打开场景面板，增加一个“场景2”，我们用它来做loadding的场景。拖动“场景2”的到“场景1”“上面。 在“场景2”中新建立4个图层，从上到下分别命名为：AS层、进度条层、按钮层、动画层。2、制作LOADING 打开上一个实例的源文件，选择窗口－522、制作LOADING

给AS图层第一帧加上帧标签play，然后打开动作面板，复制下面的代码并粘贴。 //将电影总字节数赋值给total变量

total=_root.getBytesTotal();

//将已经下载的字节数赋值给loaded变量

loaded=_root.getBytesLoaded();

//取整计算已下载的字节数的百分比并赋值给变量load

load=int(loaded/total*100);

//把已下载的字节数赋值给动态文本变量loadtxt

loadtxt="loading"+load+"%";

//进度条同时按百分比数跳转到相应的帧上去;

_root.进度条.gotoAndStop(load);2、制作LOADING 给AS图层第一帧加上帧标签play532、制作LOADING

在第6帧（F7）插入一个关空白关键帧，复制下面的代码并粘贴：

//如果下载字节数=总字节数，跳转到6帧停止

if(loaded==total){

gotoAndStop(6);

//否则跳转到标签名"play"的帧,继续下载

}else{

gotoAndPlay("play");

}2、制作LOADING 在第6帧（F7）插入一个关空白关键542、制作LOADING

创建进度条影片剪辑，命名为“进度条。在这个影片剪辑上，建立分别为“边框线”层和“填充色”层。在“边框线”层，绘制一个矩形，在属性面板设置：宽：300；高：24；X：-150，Y：-12。2、制作LOADING 创建进度条影片剪辑，命名为“进度条552、制作LOADING

在100帧处F5插入普通帧。选中矩形里面的填充色（Ctrl+X）剪切，粘贴到“填充色”层第一帧（Ctrl+Shift+V或选择编辑菜单下的粘贴到当前位置），调整填充色颜色，在100帧处F6插入关键帧，选中第一帧创建“形状”动画，在第一帧将矩形宽改为3。双击矩形框在属性面板把笔触调整为2，颜色自定义。2、制作LOADING 在100帧处F5插入普通帧。选中矩562、制作LOADING

进度条层设置进度条及动态文本。回到场景2中把刚做好的“进度条”元件从库中拖放到“进度条”这一图层的第一帧上，调整位置。然后选中舞台中的“进度条”元件，在属性面板上写上实例名“进度条”，在第6帧插入普通帧。2、制作LOADING 进度条层设置进度条及动态文本。回到572、制作LOADING

选中“进度条”层，在舞台合适的位置加入一个动态文本框，在属性面板上设置文本类型：动态文本，字体：Arial，变量名：loadtxt，单行，字体大小颜色自定义，相关参数如图所示。2、制作LOADING 选中“进度条”层，在舞台合适的位置582、制作LOADING

在“按钮层”第6帧插入一个空白关键帧，选择窗口菜单下公用库，打开按钮库，挑出一个自己喜欢的播放按钮，摆放到舞台合适位置并调整大小（本例中选择的是：playback---playback-play）。2、制作LOADING 在“按钮层”第6帧插入一个空白关键592、制作LOADING

选中舞台上的按钮元件给按钮加上下面的代码：

on(release){//释放按钮

gotoAndPlay("场景1",1);//跳转并播放场景1的第1帧

} 现在loading就能用了，可以在“动画层”再加入一些动画影片剪辑。2、制作LOADING 选中舞台上的按钮元件给按钮加上下面602、制作LOADING

测试影片。如果作品比较小，在测试的时候loading会瞬间就过去了，可以在测试影片的时候，选择“视图”菜单下的“模拟下载”就可以慢慢的欣赏loading的全过程了。2、制作LOADING 测试影片。如果作品比较小，在测试的613、制作下雨效果

思路：先做一滴雨的效果，然后复制一定数量的雨滴，这样就出现了许多雨了。需要说明的一点就是利用影片的坐标属性让复制出来的雨滴从不同的地方落下，这样就显得杂乱，真实。3、制作下雨效果 思路：先做一滴雨的效果，然后复制一定数623、制作下雨效果

新建文档，把素材文件夹中的图片“菏塘”导入到舞台中，并调整图片的大小使其与舞台的大小一致，设置图片相对于舞台居中对齐。3、制作下雨效果 新建文档，把素材文件夹中的图片“菏塘”633、制作下雨效果

新建名为“下雨”的影片剪辑，在影片剪辑中选择线条工具，将笔触的颜色设置为“#CCCCCC”，在舞台上绘制一条斜线，选中绘制的线条按F8将其转换为图形元件“雨”，如图所示。

3、制作下雨效果 新建名为“下雨”的影片剪辑，在影片剪辑643、制作下雨效果

在图层1的第20帧插入关键帧，设置元件“雨”完全透明，并移动一定的位置，制作动画。新建图层2置于图层1下，在第15帧插入关键帧，绘制一个圆圈，调整位置使其中心在线条“雨”的末端。将圆圈转换为图形元件“涟漪”，如图所示。

3、制作下雨效果 在图层1的第20帧插入关键帧，设置元件653、制作下雨效果

在图层2的第25帧插入关键帧，将“涟漪”放大（中心位置不变），并设置为完全透明，创建补间动画。3、制作下雨效果 在图层2的第25帧插入关键帧，将“涟663、制作下雨效果

回到场景1，将图层1命名为“背景”，插入图层2命名为“雨”。把元件“下雨”从库中拖放到图层“雨”，将其实例名称改为“rain”。在两个图层的第2帧插入普通帧，如图所示。

3、制作下雨效果 回到场景1，将图层1命名为“背景”，插673、制作下雨效果

插入图层3命名为“AS”，该层用来添加脚本。选中第1帧，在动作面板中输入以下脚本。 i=random(100);//产生随机数 duplicateMovieClip("rain","rain"+i,i);//复制影片 setProperty("rain"+i,_x,random(