项目7教案.docx
《项目7教案.docx》由会员分享，可在线阅读，更多相关《项目7教案.docx（10页珍藏版）》请在冰豆网上搜索。
项目7教案
课 题
任务一停止播放动画
备注
教学目标
理解帧动作脚本的概念
教学重点
帧动作脚本
教学难点
帧动作脚本
教学过程
教师演示并讲解
（1）新建一个文档，
（2）设置文档的背景颜色代码为“#669966”。
选择绘图工具箱中的“椭圆工具”，设置笔触颜色为无，填充颜色为由白到黑的放射状渐变，在舞台的上方绘制一个立体小球。
（3）在第30帧插入关键帧，并将小球垂直移到舞台的下方。
（4）单击第1帧，在其属性面板的补间下拉列表中选择“动画”，在缓动的文本框中输入“-90”。
制作一个立体小球由慢到快的下落动画效果。
（5）右击第30帧，在快捷菜单中选择“动作”选项，打开“动作-帧”面板。
然后在左侧命令列表里依次打开“全局函数”→“时间轴控制”→“stop”,双击或拖入到右侧的编辑区，给动作编辑区添一条stop（）命令。
也可以在动作编辑区直接输入“stop（）;”语句。
同时，还可以看到在时间轴上的第30帧处出现了一个小字母“a”，表明在该帧添加有一个动作。
（6）测试影片
相关知识点
知识1帧动作脚本
知识2ActionScript版本简介
课 题
任务二播放和停止按钮
备注
教学目标
掌握按钮动作脚本的制作方法，理解对象、命令、事件等概念
教学重点
按钮动作脚本
教学难点
对象、命令、事件等概念
教学过程
教师演示并讲解
（1）打开我们前面制作的“自由落体小球”动画，新建一个图层，更名。
（2）单击“按钮”图层的第1帧。
单击菜单“窗口”→“公用库”→“按钮”命令，打开Flash提供的按钮库，从其中拖入一个播放按钮，放在舞台下方左侧位置，作为播放按钮。
（3）选定该播放按钮，按F9键打开“动作-按钮”面板。
在“动作-按钮”面板左侧命令列表里依次打开“全局函数”→“时间轴控制”→“play”,双击“play”或者将其拖入右侧的编辑区，则在右侧的编辑区添加了如下命令：
on（release）{
play（）;
}
}
其各命令的含义如下：
on:
在…时候。
release:
释放鼠标。
play:
播放。
整个命令的解释：
当在此按钮上释放鼠标时，播放动画。
到此为止已完成了播放按钮的制作，按Ctrl+Enter测试影片，可以看出当小球下落到下面时，动画停止播放，鼠标单击播放按钮，动画再次开始播放。
下面我们再制作一个暂停按钮。
（4）选择“按钮”图层的第1帧。
单击菜单“窗口”→“公用库”→“按钮”命令，打开Flash提供的按钮库，从其中拖入一个暂停按钮，放在舞台下方右侧位置，作为暂停按钮。
（5）选定该暂停按钮，按F9键打开“动作-按钮”面板。
然后在动作-按钮面板左侧命令列表里依次打开“全局函数”→“时间轴控制”→“stop”,双击“stop”或者将其拖入右侧的编辑区，在动作编辑区添加了如下命令：
on（release）{
stop（）;
其命令形式与播放的形式相同，只不过将play改为stop。
（6）到此为止完成了对这个交互动画的制作，单击菜单中“控制”→“测试影片”命令，对这个动画的效果进行测试。
在动画播放时如果单击暂停按钮，动画停止播放；如果再单击播放按钮，动画继续播放；当动画结束时自动停止，如果再单击播放按钮，动画又重新开始播放。
相关知识
知识1按钮动作脚本
知识2对象
知识3命令
知识4事件
课 题
任务三对象的常用属性介绍
备注
教学目标
使学生掌握对象的常用属性
教学重点
对象的常用属性
教学难点
对象的常用属性
教学过程
教师演示并讲解
（1）新建一个Flash文档
（2）导入一张图片到元件库中。
（3）新建元件，进入影片剪辑模式，从库面板中将“猴”拖入到编辑区。
（4）新建一个元件。
单击“弹起”帧，绘制一个椭圆。
（3）在“指针经过”帧插入关键帧，打开颜色面板，将椭圆的填充颜色设置为“#FFCC99”。
分别在“按下”帧和“点击”帧插入关键帧。
（4）单击时间轴面板中的“插入图层按钮”，插入一个新的图层。
选择工具箱中的文本工具，在椭圆上输入文本“确定”。
（5）从“库”面板中将影片剪辑“猴”拖入到舞台中，并将其放置在舞台中央。
选择“猴”影片剪辑，在其属性面板中将其“实例名称”改为“hou”
（6）插入一个新的图层，输入文本“影片剪辑对象的常用属性”。
（7）输入文字“旋转”，将其放置在舞台左侧位置。
（8）再拖出一个文本框。
选择文本类型为“输入文本”，在实例名称中输入“aa”。
在输入文本框的后面再添加一个静态文字“度”。
（9）在舞台上依次添加静态文本和输入文本框，将其摆放整齐。
分别将水平缩放、垂直缩放、宽度、高度、透明度、x坐标、y坐标后的输入文本框的实例名称依次定义为ss,cs,kd,gd,tm,xzb,yzb。
（10）单击菜单“窗口”→“组件”命令，弹出“组件”面板，展开“UserInterface”，选择“CheckBox”，在舞台上生成一个复选按钮。
（11）打开“参数”对话框。
单击新建的复选框，在“参数”面板上设置实例名称为“kj1”，清空label内容，选择selected选项为true。
（12）在舞台添加“可见与否”的静态文本
（13）将“按钮元件”拖入到舞台中来，选择按钮元件，打开“动作-按钮”对话框，输入脚本语句：
on（release）{
_root.hou._rotation=_root.aa.text;
_root.hou._xscale=_root.ss.text;
_root.hou._yscale=_root.cs.text;
_root.hou._width=_root.kd.text;
_root.hou._height=_root.gd.text;
_root.hou._alpha=_root.tm.text;
_root.hou._x=_root.xzb.text;
_root.hou._y=_root.yzb.text;
if（_root.kj1.selected==true）
_root.hou._visible=true;
else_root.hou._visible=false;
}
（14）测试影片。
课 题
任务四跟随鼠标移动的五彩花瓣
备注
教学目标
熟悉对象的常用格式和属性
教学重点
对象的常用格式和属性
教学难点
对象的常用格式和属性
教学过程
教师演示并讲解
（1）新建一个Flash文档。
（2）新建元件
（3）绘制椭圆。
（4）选择工具箱中的“任意变形工具”，将椭圆上中心小圆移动到椭圆的底部，在“变形”对话框，在旋转文本框中输入72，连续四次单击“复制并应用变形”按钮，绘制花朵图形。
选择所有图形，将其进行组合。
（5）新建元件。
（6）从“库”面板中将“花朵”图形元件拖入编辑区，在第30帧插入关键帧。
选择第1帧，打开“属性”面板，在“补间”下拉列表中选择“动画”，在“旋转”下拉列表中选择自动。
（7）新建元件。
（8）从“库”面板中将“五色花朵”影片剪辑元件拖入编辑区，分别在第10帧、第20帧、第30帧、第40帧、第50帧处插入关键帧。
（9）单击第10帧，设置“五色花朵”影片剪辑属性
（10）方法同上，分别将第20帧、第30帧、第40帧、第50帧中的“五色花朵”的RGB值。
（11）分别在第1帧和第10帧之间、第10帧和第20帧之间、第20帧和第30帧之间、第30帧和第40帧之间、第40帧和第50帧之间建立补间动画。
（12）从“库”面板中将“旋转花朵”影片剪辑拖入到舞台，在属性面板上将它的“实例名称”定义为“flower”。
在第3帧处插入帧。
（13）添加代码控制“旋转花朵”做跟随着鼠标的效果。
i=1;
maxlenght=20;
_root.flower.startDrag（true）;
_root.flower._visible=false;
（14）右击图层2第2帧，在弹出的快捷菜单中选择“插入空白关键帧”，打开“动作-帧”面板，在命令编辑区添加如下的代码：
_root.flower.duplicateMovieClip（"clip"+i,20-i）;
setProperty（"_root.clip"+i,_xscale,getProperty（"_root.clip"+（i-1）,_xscale）+i）;
setProperty（"_root.clip"+i,_yscale,getProperty（"_root.clip"+（i-1）,_yscale）+i）;
setProperty（"_root.clip"+i,_alpha,20-i*（20/30））;
i=i+1;
（15）在图层2第3帧插入空白关键帧，打开“动作-帧”面板，在命令编辑区添加如下的代码：
if（igotoAndPlay
（2）;
elsegotoAndPlay
（1）;
动画制作完毕，按Ctrl+Enter观看动画效果。
课 题
任务五电子表
备注
教学目标
熟悉对象的常用格式和属性
教学重点
对象的常用格式和属性
教学难点
对象的常用格式和属性
教学过程
教师演示并讲解
（1）新建一个Flash文档。
（2）使用矩形工具，按住Shift键在舞台上绘制一个正方形的表盘，调整表盘到舞台的中央。
（3）插入一个新的图层，重新命名为“数字”，用文字工具制作1~12个数字，并分布排列在表的边缘。
（4）新建元件。
调整线条颜色为黑色，笔触高度为3，画一条竖直线；然后使用椭圆工具在直线的顶部画出一个无填充的圆形，使图形成秒针形状。
将直线的底部位置应与定位点重合。
（5）新建元件，类型为影片剪辑元件，名称为“p2”。
在影片剪辑编辑模式下画一个无边框的矩形。
将矩形底部与定位点重合。
（6）新建一个图层，从库面板中将P2影片剪辑拖到工作区中。
适当调整对象的大小，调整对象位置，使对象底部的定位点与表盘中心重合，指向12点整。
在属性面板上将其实例名称命名为“hour”。
（7）用类似的方法制作分针。
新建一个图层，将图层更名为“分针”，从库面板中拖动影片剪辑P2到工作区中。
调整对象的大小，使分针比时针窄长一些，调整对象位置，使对象底部的定位点与表盘中心重合。
在属性面板上将其实例名称命名为“minute”。
锁定“分针”图层。
（8）制作秒针。
新建一个图层，将图层更名为“秒针”，从库面板中拖动影片剪辑P1到工作区中。
调整对象的大小，使秒针比分针窄长一些；调整对象位置，使对象底部的定位点与表盘中心重合。
在属性面板上将其实例名称命名为“second”。
（9）在表的中心画一个圆，表示表的固定螺丝。
（10）插入一个新图层。
选择“文本工具”，在表盘的下方绘制文本框，在属性面板中，设置文本类型为动态文本，实例名称为“aa”。
（11）在命令编辑区中添加代码：
onClipEvent（enterFrame）{//进入帧时激活对象
mydate=newDate（）;//新建一个Date对象
hour=mydate.getHours（）;//获取小时数，并且赋于hour
minute=mydate.getMinutes（）;//获取分钟数，并且赋于minute
second=mydate.getSeconds（）;//获取秒数，并且赋于second
hourangle=hour*30+minute*0.5;//计算时针应偏转的角度
_root.hour._rotation=hourangle;//使时针影片剪辑对象转过指定角度
minuteangle=minute*6;//计算分针应偏转的角度
_root.minute._rotation=minuteangle;//使分针对象转过指定角度
secondangle=second*6;//计算秒针应偏转的角度
_root.second._rotation=secondangle;//使秒针对象转过指定角度
_root.aa.text=String（hour）+"时"+String（minute）+"分"+String（second）+"秒";
}//使动态文本框显示系统的时间
（9）观看制作效果。
升级会员 