电子教案-《FlashCC动画设计与制作》-A06-2765第八章FlashCC动画脚本

1、学生活动 学生回顾 自己在日 常生活中 碰到的动 画音效，并 随着教师 的讲解，引 导出本节 课要学习 的内容。第八章Flash CC动画脚本课题8.1雨天效果课时教学内容1、掌握ActionScript 的运用2、掌握函数的运用教学目标主要学习FlashCC脚本语言教学重点利用“动作”面板在时间轴上书写代码教学难点利用脚本语言制作具有交互性的动画教学活动及主要语言 一、创设意境，导入新课（设疑法、提问法）导入：本案例使用导入功能，将背景图片导入舞台中；再使用 线条工具，绘制出雨点的外形；最后使用 ActionScript 技术，编 辑出雨点不断下落的效果。二、新课教学（讲解法、提问法、示范法

2、）步骤：1、新建一个Flash空白文档，选择【修改】 【文档】命令， 打开“文档设置”对话框，在对话框中将舞台大小设置为“580*450 像素”，设置舞台颜色为“黑色”，选择“文件 导入导入到舞台” 命令，将“素材 第八章8.1雨天效果 下雨.jpg ”导入到舞台中， 如图所示。此时学生 应该注意 听和观看 教师的讲 解与操作， 因为此处 是新知识， 同时也应 积极回答 相应的问 题，进行认 真的思考2、选择“插入新建元件”命令，打开“创建新元件”对话框。 在对话框中的“名称”文本框中输入名称为 yd,在“类型”下拉列 表中选择“影片剪辑”选项，完成后单击“确定”按钮进入按钮元 件编辑区，如图

3、所示。3、使用“线条工具”在工作区中绘制一条线段，在实践轴的 第24帧处插入关键帧，然后选中该帧处的线条，将其向左下方移 动一段距离。这里移动的距离就是雨点从天空落向地面的距离。最 后在第1帧和第24帧之间创建补问动画，如图所示。4、新建“图层2”，并把它拖到“图层1”的下方。然后在“图 层2”的第24帧处插入空白关键帧，并使用“椭圆工具”在舞台中 线条的下方绘制一个边框为白色，填充色为无，宽和高分别为57像素与7像素的椭圆，如图所示。学生听讲, 笔记5、选择“图层2”的第24帧，按住不放，将它向右移动一个帧的距离。也就是将“图层2”的第24帧移动到第25帧处。然后选中第25帧处的椭圆，学生思

4、考、 讨论按F8键，将其转换为图形元件，在“名称”文本框中输入“水纹”，如图所6、选中“图层2”的第40帧，按F6键插入关键帧。然后选 中该帧处的椭圆。使用“任意变形工具”将其宽和高分别放大至“118 像素”与“ 13”像素。接着“属性”面板中将它的 Alpha值设置为 “0%,再在“图层2”的第25帧与第24帧之间创建传统补问动画， 如所示。7、打开“库”面板，在影片剪辑元件 yd上单击鼠标右键，在弹 出的快捷菜单中选择“属性”命令。打开“元件属性”对话框，单 击“高级”按钮，单击为“ ActionScript导出”选项，完成后单击“确定”按钮，如图所示。学生根据 教师规定 动手制作 案例8

5、 、返回主场，新建一个“图层2”，选中该层的第1帧，在“动 作”面板中添加如下代码，保存动画文件，然后按 Ctrl+Enter 组 合键测试效果，如图所示。-7，- lq*k rv4»i ' »l. TH, Ji三、扩展项目通过使用ActionScript技术与创建制作ActionScript 文件制作如上图所示的物体3D旋转特效。课题8.2制作变出来的花儿课时教学内容教学目标教学重点上节课学 习的内容， 并随着教 师的讲解， 引导出本节课要学 习的内容。此部分主 要由老师 来讲解，同 时学生也 配合着老 师回答一 些常见问 题1、熟练使用ActionScript

6、制作动画2、在“动作”面板中输入代码利用ActionScript脚本制作一个使用鼠标在空白处擦出来的图像效果熟练使用ActionScript 制作动画教学难点熟练使用ActionScript制作动画教学活动及主要语言学生疔！丁、创设意境，导入新课（设疑法、提问法）学生回顾导入：回顾上节课所学习的内容，在这一节中，我们学习在“动作” 面板中输入代码，利用 ActionScript 脚本，制作一个鼠标在空白 处擦出来的图像效果，熟练使用 ActionScript制作更多生动有趣的动画。二、新课教学（讲解法、提问法、示范法）本案例利用ActionScript脚本制作一个使用鼠标在空白处擦 出来的图像

7、效果。步骤：1、新建一个Flash空白文档，选择【修改】 【文档】命令，打开 “文档设置”对话框，在对话框中将舞台大小设置为“620*530像素”，如图所示。2、选择【文件】 【导入】 【导入到舞台】命令，将“素材 文件 第八章8.2制作变出来的花儿 背景.jpg ”导入到舞台中，如 图所示。此时学生 应该注意 听教师的 讲解，因为 此处是新 知识，同时 也应积极雁稀F旬田5MJ工 S3&W1回答相应 的问题，进 行认真的 思考学生听讲，笔记学生根据 教师要求 进行扩展 项目练习3、选择导入的图片，按F8健，打开“转换为元件”对话框，在“名 称”文本框中输入元件的名称 pic ,并在“

8、类型”下拉列表中选择“影片剪辑”选项，如图所示。4、保存元件的选中状态，打开“属性”面板，并将其实例名称设 置为“imageMC,如图所示。5、单击“新建图层”按钮，新建“图层 2”，然后选中“图层12” 的第1帧，并按F9健打开“动作”面板，接着在面板中输入如图 所示。保存文件，按Ctrl+Enter组合键测试效果。三、扩展项目通过使用ActionScript制作如上图所示擦出来的蓝天白云课题8.3制作五彩的星星课时教学内容1、学会使用多角星形工具2、在影片剪辑元件编辑区中绘制图形教学重点熟悉运用ActionScript编程语百教学难点熟悉运用ActionScript编程语百教学活动及主要谛

9、言学生活动一、创设意境，导入新课（设疑法、提问法）导入：回顾上节课所学习的内容，接卜来我们学习运用ActionScript 编程语百制作动回。学生根据 教师的提 问进行思 考问题教学目标在时间轴的中添加ActionScript代码来制作动画效果二、新课教学（讲解法、提问法、示范法）本案例通过使用多角星形工具在影片剪辑元件编辑区中绘制星 形，同时创建ActionScript 文件，在时间轴白中添加 ActionScript 代码来制作五彩星星的效果。步骤：1、新建一个Flash空白文档，选择【修改】 【文档】命令， 打开“文档设置”对话框，在对话框中将舞台大小设置为“600*450 像素”，设置

10、舞台颜色为“黑色”，选择“插入 新建元件”命令， 打开“创建新元件”对话框。在“名称”文本框中输入Star ,在“类 型”下拉列表中选择“影片剪辑”选项，如图所示。2、选择“多角星形工具”在影片剪辑元件编辑区中，绘制一个无边框，填充色为任意色，宽和高随意的星形，打开“库”面板,在影片剪辑元件Star上单击鼠标右键，在弹出的快捷菜单中选择 【属性】命令，如图所示。此部分主 要由老师 来讲解，同 时学生也 配合着老 师回答一 些常见问 题学生听讲, 笔记学生认真 观看教师 操作，并将 其记录下 来。3、打开“元件属性”对话框，单击“高级”按钮，单击“为 ActionScript导出”选项，完成后单

11、击“确定”按钮，如图所示。学生动手 制作扩展 项目4、按Ctrl+N组合键打开“新建文档”对话框，选择 “ActionScript文件”选项，单击确定“确定”按钮，如图5、按Ctrl+S组合键将ActionScript文件保存为Star.as ,然后在Star.as中输入如下代码，如图所示。6、回到主场景，在时间轴的第1帧中添加如下代码，如图所示。7、新建“图层2”，将其拖曳到“图层1”的下方，然后导 入“素材第八章8.3制作五彩的星星 星空.jpg ”到舞台中，如 图6所示。保存动画文件，然后按 Ctrl+Enter组合键测试效果。三、扩展项目通过使用ActionScript制作如上图所示的

12、缤纷多彩的圆点效果。课题8.4制作鱼群课时教学内容教学目标教学重点教学难点1、新建“影片剪辑”、导入素材2、创建 ActionScript 文件3、添加 ActionScript 代码新建“影片剪辑”、导入素材将ActionScript 文件保存为 MoveBall.as再输入代码教学活动及主要语言一、创设意境，导入新课（设疑法、提问法）导入：本案例通过新建“影片剪辑”、导入素材，并将 ActionScript 文件保存为 MoveBall.as 再输入代码；创建 ActionScript 文件与添加ActionScript 代码来制作海底鱼群的动 画效果。二、新课教学（讲解法、提问法、示范法

13、）步骤：1、新建一个Flash空白文档，选择【修改】 【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“ 500*300像素”，设置帧频为“ 30fps”，选择“文件 导入,导入到舞台” 令，将一幅背景图像导入舞台中，如图所示。学生活动学生回顾 上节课所 学习的知 识，并随着 教师的讲 解，引导出 本节课要 学习的内 容。将ActionScript 文件保存为 MoveBall.as再输入代码此部分主 要由老师 来讲解，同 时学生也 配合着老 师回答一 些常见问 题学生听讲, 笔记3、选择【文件】 【导入】 鱼图像导入到工作区中，如图所示【导入到舞台】命令，将一幅小2、选择【插

14、入】 【新建元件】命令，打开“创建新元件” 对话框。在“名称”文本框中输入 MoveBall,在“类型”下拉列表 中选择“影片剪辑”选项，完成后单击“确定”按钮，如图所示。学生思考、讨论学生认真 观看教师 操作，并将 其记录下 来。4、打开“库”面板，在影片剪辑元件 MoveBall上单击鼠标右 键，在弹出的快捷菜单中选择【属性】命令，如图所示。5、打开“元件属性”对话框，单击“高级”按钮，选中“为ActionScript 导出”选项，完成后单击“确定”按钮，如图所示。6、按Ctrl+N组合键打开“新建文档”对话框，选择 “ActionScript文件”选项，单击“确定”按钮，如图所示。学生思

15、考、讨论学生认真 观看教师 操作，并将 其记录下 来。7、按 Ctrl+S 组合键将 ActionScript文件保持为 MoveBall.as ,然后在MoveBall.as中输入如下代码，如图所示。8、返回到主场景中，新建“图层 2”，选择该层的第1帧，按 下F9键打开“动作”面板，输入如下代码，如图所示。保存动画 文件，然后按Ctrl+Enter组合键测试效果。 w 邛= 即Q.H - 30 Nixei. =- 5car Cdntainj&z' Spz- nw Sprite ().iddjZhl 1 d (comr):ID i 15 13 U1617tor (vAt i:uLnt-IUi iXtk前二 t+) Iippp-d - N.sth. lisni! m () *spei?d+3 .vac b oil flnveB s L