利用flash8制作单场景交互式体育课件的方法及实例

《利用flash8制作单场景交互式体育课件的方法及实例》由会员分享，可在线阅读，更多相关《利用flash8制作单场景交互式体育课件的方法及实例（6页珍藏版）》请在金锄头文库上搜索。

1、利用利用 FlashFlash 8 8 制作单场景交互式体育课件的方法及实例制作单场景交互式体育课件的方法及实例江苏省徐州市铜山区大彭镇中心中学 程娟 邮编 221150交互性是多媒体课件的一个重要特性。具备交互性的课件可以使教师的教学过程更容 易控制，能使学生的学习更加主动。Flash 8 具备很强的交互设计功能，利用它能轻易地 制作出交互性的课件，对于内容和结构比较简单的交互性课件，在 Flash 8 中利用一个场 景便能完成。 单场景课件具体制作方法是：把课件内容分成几个板块，把每个板块都制作成影片剪 辑，最后把它们都从库中拖放到主场景上。把按钮元件也拖放到主场景上，有多少个影片 剪辑就

2、拖多少个按钮元件，并在上面输入与影片剪辑相应的文字，让每一个按钮元件对应 相应的影片剪辑，在播放时单击任意一个按钮就可进入到相应的影片剪辑界面进行播放。 下面以单场景交互课件原地双手向前投掷实心球为范例讲解制作单场景交互课件 的方法。 本范例是初中体育“原地双手向前投掷实心球”的单场景交互课件，这个课件共包括 7 个板块的内容：教学目标、教学重、难点、动作要领、完整动作示范、分解动作示范、 易犯错误及纠正方法、辅助练习。 课件运行时，先显示主界面（如图 1） ，在课件主界左边有 7 个导航按钮，单击任意一 个按钮可进入到相应的影片剪辑进行播放， （如图 2）所示是“易犯错误及纠正方法” 影 片

3、剪辑中的一个画面。下面讲解本课件具体的制作过程： 一、启动 Flash 8 软件，设置文档的属性 运行 Flash 8,新建一个文档，文档的属性可保持默认（大小为 550400 像素，背景 为白色，帧频为 12） ，也可修改文档的属性（大小为 700450 像素，背景为绿色，帧频为 6） 。 二、制作课件所需的元件： （一） 、制作图形元件： 1、制作实心球元件：单击“插入”菜单下的“新建元件” ，在弹出的对话框名称栏内 键入“实心球” ，在类型选项下选择图形，点击确定后就进入了“实心球”元件的制作舞台。 选择椭圆工具同时按住 shift 键，绘制一个笔触色为无、填充色为黑色的正圆图形。 2、

4、制作投掷实心球的预备姿势图形元件：单击“插入”菜单下的“新建元件” ，在弹 出的对话框名称栏内键入“预备姿势” ，在类型选项下选择图形，点击确定后就进入了“预 备姿势”元件的制作舞台。利用刷子工具绘制预备姿势的图形（如图 1） 。打开库面板，把图 1图 2实心球元件拖放到预备姿势上，调整好位置既可（如图 2） 。3、制作投掷实心球的开始投掷动作图形元件和最后出手动作图形元件：用上述同样的 方法制作这两个图形元件（如图 3、4） 。注意在绘制投掷实心球的三个图形时，在大小、 形状上尽量相同。否则，会让人看着不舒服。具体的绘制方法也可参照中国学校体育 2011 年第 1 期，胡献钊老师写的Flas

5、h 轻松制作体育绘图这篇文章。如果绘画功底差， 可用数码相机把图片拍下来，再用 photoshop 软件处理或用 Word 软件里的图片工具栏处理 也行。4、制作投掷区元件：单击“插入”菜单下的“新建元件” ，在弹出的对话框名称栏内 键入“投掷区” ，在类型选项下选择图形，点击确定后就进入了“投掷区”元件的制作舞台。 利用椭圆工具、直线工具、文字工具和 选择工具绘制投掷区的图形（如图 5） 。 （二） 、制作按钮元件： 1、单击“插入”菜单下的“新建元件” ， 在弹出的对话框名称栏内键入“按钮” ，在 类型选项下选择按钮，点击确定后就进入了 “按钮”元件的制作舞台（所图 6） 。2、单击“矩形

6、工具” ，选择笔触色为“无” ，填空色为“浅篮色” ，在“弹起”帧内绘图 3图 4图 5图 6图 1图 2制一个填充色为浅篮色的无边矩形，将矩形移到舞台的中心处（如图 7） 。 3、将鼠标放在“按下”帧内右击，在弹出的快捷菜单中选择“插入关键帧” ，将矩形 的颜色设为深蓝色（如图 8） 。在此按钮上不要输入文字，以便反复使用。元件在 Flash 里 反复使用，可减少占用空间，使文件运行速度加快。（三） 、制作影片剪辑元件：将课件内容分为 7 个部分，并且针对每个部分创建一个影 片剪辑元件。这 7 个部分的影片剪辑元件的具体制作方法：以原地双手向前投掷实心球的 “完整的动作演示”为例： 1、单击

7、“插入”菜单下的“新建元件” ，在弹出的对话框名称栏内键入“完整的动作 演示” ，在类型选项下选择影片剪辑，点击确定后就进入了“影片剪辑”元件的制作舞台。 2、打开“库”面板，把库中投掷区元件拖入图层 1 的第 1 帧上，调整好位置。在 15 帧上右击，选择插入帧。 3、单击“插入图层”按钮，添加层 2，把库中的“预备姿势”的图形元件拖入舞台， 放在该层的第 1 帧上，调整好位置。在层 2 的第 2 帧上右击，选择插入空白关键帧，把库 中的“开始投掷”的图形元件拖入舞台，放在该帧上。点击时间轴下面的“绘图纸的外观 轮廓”按钮，就能看到前后多帧的图形轮廓，以便调整“预备姿势”与“开始投掷”图形

8、的位置，让两个图形该重叠的重叠（如图 9） 。用同样的方法把“最后出手” 的图形元件 拖入到该层的第 3 帧上，并调整其位置（如图 10） 。4、单击“插入图层”按钮添加层 3。在该层的第 3 帧上右击，选择插入空白关键帧，把库 中的实心球元件拖入到该帧上，把实心球元件与“最后出手”中的实心球重合，以便准确 地确定实心球开始运动的位置。然后单击层 3 上第 3 帧，选择编辑菜单上的剪切命令，把 第 3 帧上的实心球剪切掉。接着再把“最后出手”的元件分离，删除其中的实心球元件。 然后单击层 3 的第 3 帧，选择编辑菜单上的“粘贴到当前位置”命令，再把实心球粘帖到图 7图 8图 9图10原来的位

9、置。在层 3 的第 15 帧上右击，选择插入关键帧，把实心球拖动到落地区，并在两 关键帧之间右击，选择创建补间动画。 5、单击“添加运动引导层”按钮，在层 3 上添加引导层。在引导层的第 3 帧上右击， 选择插入空白关键帧，利用直线工具绘制直线，然后用选择工具进行微调，制作实心球的 运动路径图。在第 15 帧上右击，选择插入帧。然后把层 3 的第 3 帧上的实心球与引导层上 的运动路径的左端中心重合（如图 11） ，接着再把层 3 的第 15 帧上的实心球与运动路径上 的右端末尾中心重合（如图 12） ，使实心球能够按照运动路径的方向运动。做完后测试一 下效果，再进一步的调试。6、在引导层上建

10、层 5，选中该层的第 15 帧右击，选择“插入空白关键帧” ，分别在第 1 帧和第 15 帧上定义动作脚本：stop()；具体的定义动作脚本的方法，何平老师在 2008 年第 5 期的中国学校体育杂志上发表的文章“为动画教材的影片剪辑安装文字开关” 已经讲解的很详细，在此我就不再详谈。 7、在层 5 上建层 6，把库中的按钮元件拖入该层的第 1 帧上，共拖两次，分别在上面 输入文字“播放” 、 “停止” 。分别选择这两个按钮，在【动作】面板中定义它们的动作脚本。 （“完整的动作演示”图层结构图和制作舞台如图 13、14） 。具体的操作如下：点击“停 止”按钮，然后点击舞台下的动作选项，打开“动

11、作按钮”面板。点击“全局函数”“影片剪辑”在“on”上双击在“release”上双击，在右侧栏内会出现 “on（release） ”,将光标定在 里，点击“时间轴控制”在“stop”上双击， 在右侧输入栏内会出现“on（release） stop（） ； ” （如图 1516） ，在影片影片播放 中随时可以“停止”播放的按钮就设置好了。 “播放”按钮动作脚本的设置方法与它雷同。 我就不再重复。 “播放”按钮上的动作脚本为：“on (release) gotoAndPlay(1)；” 。 然后选中第 15 帧右击，选择插入帧。图11图12图13图 14三、返回主场景中组合课件的内容 1、在“场景

12、 1”中，新建 3 个图层，并将所有图层 重新命名，从下向上依次是“背景” 、 “交互按钮” 、 “影片 剪辑” 、 “动作脚本” （如图 17） 。 2、在“背景”图层的第 1 帧上，把库中的“完整动 作演示”影片剪辑拖到该帧上，在该帧上输入课件的题目 “原地双手向前投掷实心球” ，在第 8 帧上右击，选择插入帧。 3、在“交互按钮”图层的第 1 帧上，把库中的按钮元件拖入该帧上，共拖 7 次。把它 们移动到主场景的左侧对齐，并在其上依次分别输入“教学目标” 、 “教学重、难点” 、 “动 作要领” 、 “完整动作示范” 、 “分解动作示范” 、 “易犯错误及纠正方法” 、 “辅助练习” 。

13、这些 按钮是用来控制课件各个影片剪辑的交互跳转。在第 2 帧上右击，选择插入空白关键帧， 把库中的按钮元件拖到该帧上，放在舞台的右下方，共拖两次，并分别在其上输入“继续” 、 “返回”文字。然后从第 3 帧到第 8 帧分别按 F6 键添加关键帧。 4、在“影片剪辑”图层上，从第 2 帧到第 8 帧分别按 F7 键添加空白关键帧。从“库” 面板中把“教学目标”影片剪辑拖放到第 2 空白关键帧上；把“教学重、难点”影片剪辑拖 放到第 3 空白关键帧上；把“动作要领”影片剪辑拖放到第 4 空白关键帧上；把“完整动作演示”影片剪辑拖放到第 5 空白关键帧上；把“分解动作演示”影片剪辑拖放到第 6 空白

14、关 键帧上；把“易犯错误及纠正方法”影片剪辑拖放到第 7 空白关键帧上；把“辅助练习”影 片剪辑拖放到第 8 空白关键帧上。 5、在“动作脚本”图层上，从第 2 帧到第 8 帧上分别按 F7 键添加空白关键帧，然后 分别在 18 空白关键帧上定义动作脚本：stop()； 6、定义 9 个按钮上的动作脚本。分别选择“交互按钮”图层上的按钮，在【动作】面 板中定义它们的动作脚本。具体的定义动作脚本的方法，依然可参照何平老师在 2008 年第 5 期的中国学校体育杂志上，发表的 “为动画教材的影片剪辑安装文字开关”这篇文 章中的相关内容。下面我以定义“教学目标”按钮上的动作脚本为例作以详细的说明：点

15、 击“教学目标”按钮，然后点击舞台下的动作选项，打开“动作按钮”面板。点击“全 局函数”“影片剪辑”在“on”上双击在“release”上双击，在右侧栏内会出现 “on（release） ”,将光标定在 里，点击“时间轴控制”在 “gotoAndStop”上双击，在右侧输入栏内会出现“on（release） gotoAndStop（） ； ” ， 将光标定在“（） ”里输入“2”就可以了（如图 18） 。在课件播放中随时可以跳转的“教 学目标”的按钮就设置好了。其余按钮的动作脚本设置方法与它雷同，在此我就不再一一 详谈。其余按钮上的动作脚本如下所示：“教学重、难点”按钮上的动作脚本为：on 图

16、15图 16图 17(release)gotoAndStop(3)；。 “动作要领”按钮上的动作脚本为：on (release) gotoAndStop(4)；。 “完整动作演示”按钮上的动作脚本为：on (release) gotoAndStop(5)；。 “分解动作演示”按钮上的动作脚本为： on (release)gotoAndStop(6)；。 “易犯错误及纠正方法”按钮上的动作脚本为： on(release)gotoAndStop(7)；。 “辅助练习”按钮上的动作脚本为：on (release) gotoAndStop(8)；。 “继续”按钮上的动作脚本为：on (release) nextFrame();。 “返回”按钮上的动作脚本为：on (release) gotoAndStop(1)；。课件完成以后主场景 图层结构（如图 19） 。四、测试并调试影片，输出可执行文件 点击“控制”下的“测试影片” ，观看“原地双手向前投掷