电子教案《Flash CC动画设计与制作》A062765第八章Flash CC动画脚本.docx
《电子教案《Flash CC动画设计与制作》A062765第八章Flash CC动画脚本.docx》由会员分享，可在线阅读，更多相关《电子教案《Flash CC动画设计与制作》A062765第八章Flash CC动画脚本.docx（15页珍藏版）》请在冰点文库上搜索。
电子教案《FlashCC动画设计与制作》A062765第八章FlashCC动画脚本
第八章FlashCC动画脚本
课题
8.1雨天效果
课时
教学内容
1、掌握ActionScript的运用
2、掌握函数的运用
教学目标
主要学习FlashCC脚本语言
教学重点
利用“动作”面板在时间轴上书写代码
教学难点
利用脚本语言制作具有交互性的动画
教学活动及主要语言
学生活动
一、创设意境，导入新课（设疑法、提问法）
导入：
本案例使用导入功能，将背景图片导入舞台中；再使用线条工具，绘制出雨点的外形；最后使用ActionScript技术，编辑出雨点不断下落的效果。
二、新课教学（讲解法、提问法、示范法）
步骤：
1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“580*450像素”，设置舞台颜色为“黑色”，选择“文件>导入>导入到舞台”命令，将“素材\第八章\8.1雨天效果\下雨.jpg”导入到舞台中，如图所示。
2、选择“插入>新建元件”命令，打开“创建新元件”对话框。
在对话框中的“名称”文本框中输入名称为yd，在“类型”下拉列表中选择“影片剪辑”选项，完成后单击“确定”按钮进入按钮元件编辑区,如图所示。
3、使用“线条工具”在工作区中绘制一条线段，在实践轴的第24帧处插入关键帧，然后选中该帧处的线条，将其向左下方移动一段距离。
这里移动的距离就是雨点从天空落向地面的距离。
最后在第1帧和第24帧之间创建补间动画，如图所示。
4、新建“图层2”，并把它拖到“图层1”的下方。
然后在“图层2”的第24帧处插入空白关键帧，并使用“椭圆工具”在舞台中线条的下方绘制一个边框为白色，填充色为无，宽和高分别为57像素与7像素的椭圆，如图所示。
5、选择“图层2”的第24帧，按住不放，将它向右移动一个帧的距离。
也就是将“图层2”的第24帧移动到第25帧处。
然后选中第25帧处的椭圆，按F8键，将其转换为图形元件，在“名称”文本框中输入“水纹”，如图所示。
6、选中“图层2”的第40帧，按F6键插入关键帧。
然后选中该帧处的椭圆。
使用“任意变形工具”将其宽和高分别放大至“118像素”与“13”像素。
接着“属性”面板中将它的Alpha值设置为“0%”，再在“图层2”的第25帧与第24帧之间创建传统补间动画，如所示。
7、打开“库”面板，在影片剪辑元件yd上单击鼠标右键，在弹出的快捷菜单中选择“属性”命令。
打开“元件属性”对话框，单击“高级”按钮，单击为“ActionScript导出”选项，完成后单击“确定”按钮，如图所示。
8、返回主场，新建一个“图层2”，选中该层的第1帧，在“动作”面板中添加如下代码，保存动画文件，然后按Ctrl+Enter组合键测试效果，如图所示。
三、扩展项目
通过使用ActionScript技术与创建制作ActionScript文件制作如上图所示的物体3D旋转特效。
学生回顾自己在日常生活中碰到的动画音效，并随着教师的讲解，引导出本节课要学习的内容。
此时学生应该注意听和观看教师的讲解与操作，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考
学生听讲，笔记
学生思考、讨论
学生根据教师规定动手制作案例
课题
8.2制作变出来的花儿
课时
教学内容
1、熟练使用ActionScript制作动画
2、在“动作”面板中输入代码
教学目标
利用ActionScript脚本制作一个使用鼠标在空白处擦出来的图像效果
教学重点
熟练使用ActionScript制作动画
教学难点
熟练使用ActionScript制作动画
教学活动及主要语言
学生活动
一、创设意境，导入新课（设疑法、提问法）
导入：
回顾上节课所学习的内容，在这一节中，我们学习在“动作”面板中输入代码，利用ActionScript脚本，制作一个鼠标在空白处擦出来的图像效果，熟练使用ActionScript制作更多生动有趣的动画。
二、新课教学（讲解法、提问法、示范法）
本案例利用ActionScript脚本制作一个使用鼠标在空白处擦出来的图像效果。
步骤：
1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“620*530像
素”，如图所示。
2、选择【文件】>【导入】>【导入到舞台】命令，将“素材文件\第八章\8.2制作变出来的花儿\背景.jpg”导入到舞台中，如图所示。
3、选择导入的图片，按F8健，打开“转换为元件”对话框，在“名称”文本框中输入元件的名称pic，并在“类型”下拉列表中选择“影片剪辑”选项，如图所示。
4、保存元件的选中状态，打开“属性”面板，并将其实例名称设置为“imageMC”，如图所示。
5、单击“新建图层”按钮，新建“图层2”，然后选中“图层12”的第1帧，并按F9健打开“动作”面板，接着在面板中输入如图所示。
保存文件，按Ctrl+Enter组合键测试效果。
三、扩展项目
通过使用ActionScript制作如上图所示擦出来的蓝天白云。
学生回顾上节课学习的内容，并随着教师的讲解，引导出本节课要学习的内容。
此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题
此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考
学生听讲，笔记
学生根据教师要求进行扩展项目练习
课题
8.3制作五彩的星星
课时
教学内容
1、学会使用多角星形工具
2、在影片剪辑元件编辑区中绘制图形
教学目标
在时间轴的中添加ActionScript代码来制作动画效果
教学重点
熟悉运用ActionScript编程语言
教学难点
熟悉运用ActionScript编程语言
教学活动及主要语言
学生活动
一、创设意境，导入新课（设疑法、提问法）
导入：
回顾上节课所学习的内容，接下来我们学习运用ActionScript编程语言制作动画。
二、新课教学（讲解法、提问法、示范法）
本案例通过使用多角星形工具在影片剪辑元件编辑区中绘制星
形，同时创建ActionScript文件，在时间轴的中添加ActionScript代码来制作五彩星星的效果。
步骤：
1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“600*450像素”，设置舞台颜色为“黑色”，选择“插入>新建元件”命令，打开“创建新元件”对话框。
在“名称”文本框中输入Star，在“类型”下拉列表中选择“影片剪辑”选项，如图所示。
2、选择“多角星形工具”在影片剪辑元件编辑区中，绘制一个无边框，填充色为任意色，宽和高随意的星形，打开“库”面板，在影片剪辑元件Star上单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，如图所示。
3、打开“元件属性”对话框，单击“高级”按钮，单击“为ActionScript导出”选项，完成后单击“确定”按钮，如图所示。
4、按[Ctrl+N]组合键打开“新建文档”对话框，选择“ActionScript文件”选项，单击确定“确定”按钮，如图
5、按[Ctrl+S]组合键将ActionScript文件保存为Star.as，然后在Star.as中输入如下代码，如图所示。
6、回到主场景，在时间轴的第1帧中添加如下代码，如图所示。
7、新建“图层2”，将其拖曳到“图层1”的下方，然后导入“素材\第八章\8.3制作五彩的星星\星空.jpg”到舞台中，如图6所示。
保存动画文件，然后按Ctrl+Enter组合键测试效果。
三、扩展项目
通过使用ActionScript制作如上图所示的缤纷多彩的圆点效果。
学生根据教师的提问进行思考问题
此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题
学生听讲，笔记
学生认真观看教师操作，并将其记录下来。
学生动手制作扩展项目
课题
8.4制作鱼群
课时
教学内容
1、新建“影片剪辑”、导入素材
2、创建ActionScript文件
3、添加ActionScript代码
教学目标
新建“影片剪辑”、导入素材
教学重点
将ActionScript文件保存为MoveBall.as再输入代码
教学难点
将ActionScript文件保存为MoveBall.as再输入代码
教学活动及主要语言
学生活动
一、创设意境，导入新课（设疑法、提问法）
导入：
本案例通过新建“影片剪辑”、导入素材，并将ActionScript文件保存为MoveBall.as再输入代码；创建ActionScript文件与添加ActionScript代码来制作海底鱼群的动画效果。
二、新课教学（讲解法、提问法、示范法）
步骤：
1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“500*300像素”，设置帧频为“30fps”，选择“文件>导入>导入到舞台”命令，将一幅背景图像导入舞台中，如图所示。
2、选择【插入】>【新建元件】命令，打开“创建新元件”对话框。
在“名称”文本框中输入MoveBall，在“类型”下拉列表中选择“影片剪辑”选项，完成后单击“确定”按钮，如图所示。
3、选择【文件】>【导入】>【导入到舞台】命令，将一幅小鱼图像导入到工作区中，如图所示。
4、打开“库”面板，在影片剪辑元件MoveBall上单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，如图所示。
5、打开“元件属性”对话框，单击“高级”按钮，选中“为ActionScript导出”选项，完成后单击“确定”按钮，如图所示。
6、按Ctrl+N组合键打开“新建文档”对话框，选择“ActionScript文件”选项，单击“确定”按钮，如图所示。
7、按Ctrl+S组合键将ActionScript文件保持为MoveBall.as，然后在MoveBall.as中输入如下代码，如图所示。
8、返回到主场景中，新建“图层2”，选择该层的第1帧，按下F9键打开“动作”面板，输入如下代码，如图所示。
保存动画文件，然后按Ctrl+Enter组合键测试效果。
三、扩展项目
通过使用ActionScript制作海底世界效果，如图8-48所示。
学生回顾上节课所学习的知识，并随着教师的讲解，引导出本节课要学习的内容。
此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题
学生听讲，笔记
学生思考、讨论
学生认真观看教师操作，并将其记录下来。
学生思考、讨论
学生认真观看教师操作，并将其记录下来。
学生动手制作扩展项目
升级会员 