1、 多媒体动画论文：多媒体课件中 Flash 动画的播放进度控制条的制作摘要: 在多媒体课件制作工具中,用 Flash 制作课件的优势逐渐显现出来,使用 Flash 动画中的播放进度控制条可以自由控制视频或动画的播放进度,这样既方便教学,又节省了时间。本文主要介绍了Flash 动画进度控制条的制作方法和步骤。 Abstract: In the multimedia courseware authoring tools, the advantage of Flash in producing multimedia courseware has become more and more appare
2、nt. Teachers can freely control the progress of video or animation by using the player progress control bar. This paper mainly introduces the method and steps for producing the player progress control bar of Flash animation. 关键词: 多媒体课件;Flash 动画;播放进度控制条 Key words: multimedia courseware;flash animatio
3、n;player progress control bar 中图分类号:TP39 文献标识码:A 文章编号 :1006-4311(2010)10-0158-02 0 引言 随着多媒体及计算机技术的日趋成熟和普及,多媒体技术以具有的独特优势在教学中扮演着越来越重要的角色,也越来越受到老师和学生的青睐1。所谓多媒体课件,就是利用数字处理技术和视听技术 ,以计算机为中心,按照教师的教学设计,将文字、图形、图像、声音、动画、视频等多种媒体信息集成在一起,以实现对教学内容的存储、传递、加工、转换和检索的一种现代化教学手段2。实验心理学家赤瑞特拉曾经做过两个著名的实验,从这两个实验得出结论, 若能在课堂教
4、学过程中积极调动学生的多重感官,不仅有利于知识的获取, 而且有利于知识的保持。随着现代科技的发展,集文本、声音、图形、图像、动画等于一体的多媒体技术作为教学工具,能够使学生接受形象、直观、生动的信息而全方位地吸引学生注意,提高学生学习的兴趣, 从而起到事半功倍的效果3。所以,我们就需要在多媒体课件制作中适当的增加一些声音、视频或动画来丰富内容。 Flash 是一种交互性能强大的创作工具, 设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。随着教育信息化的发展和教育教学方式的转变,课件的使用越来越受重视4 。我们在网上看到的很多 Flash 动画或视频, 发现他们的播放
5、器都带有播放进度控制条,在播放的时候可以拖动控制条, 从而能够快速的浏览动画的大概内容,或者跳转到相应的帧, 让观看者觉得很方便。那么,能否在制作 Flash 动画的时候就加上这个控制条呢?下面就为大家介绍动画进度控制条的制作方法,希望能给大家带来帮助和启发5。 1 创建我们所要使用到的元件 1.1 创建 “开始”、 “暂停”、“停止”三个按钮元件启动 Flash 8,新建 Flash 文档。选择菜单栏的 “窗口公用库按钮”,在打开的“库-按钮”面板中选择“classic buttonsplayback”,把 gel Right, gel Pause, gel Stop,这三个按钮拖放到“ 库
6、”面板中。 1.2 创建 “滑块”元件在菜单栏中选择 “插入新建元件”创建“ 滑块”影片剪辑。在“创建新元件”窗口的“ 名称”项中输入“滑块”二字,“类型”项选择“影片剪辑” 点击确定。使用“ 工具栏” 中的“椭圆工具”,同时关闭 “颜色” 中的 “笔触颜色”,选择“填充色”下方的绿色球形渐变色,并且激活 “选项” 中的 “对象绘制”,在“绘制区”创建一个宽高为 1818 的“球形”,然后使用“对齐” 命令,在“ 相对于舞台” 开启的状态下左对齐、顶对齐。 1.3 创建 “进度”元件在菜单栏中选择 “插入新建元件”创建“ 进度”影片剪辑,使用创建“滑块”的方法在“绘制区”创建一个宽高为 300
7、4的灰色“长方形” 作为“进度条”,然后使用“对齐”命令,在“相对于舞台”开启的状态下左对齐、顶对齐。 1.4 创建 “动画”元件同样在菜单栏中选择“插入新建元件”创建“动画” 影片剪辑 ,影片剪辑创建完成后 ,选择菜单栏中的“文件导入导入到舞台”,在“ 导入” 窗口中选择要导入的视频文件并点击下一步, 在“部署” 项中选择 “在 SWF 中嵌入视频并在时间轴上播放” 点击下一步直至完成。 2 创建完整的播放进度控制条,将单个元件进行整合便于后期的制作 2.1 整合前期制作完成的单个元件,创建完整播放条选择菜单栏中的“插入新建元件”创建“ 完整播放条”影片剪辑。将 Flash 软件面板右侧“库
8、”中的“开始、暂停、停止”按钮元件及“进度、滑块”元件同时选择拖放到“绘制区”,并将它们依次摆放到相应位置。 2.2 为前期制作完成的单个元件起名称, 方便后期“ 按钮”及“ 滑块”代码的编写我们需要给每一个元件起一个名称。使用鼠标选择“开始”按钮,进入 Flash 软件面板下方的“属性”面板中,在“实例名称”栏里填上“ks_btn”, 同上所示选择其它元件分别给它们起名为“zt_btn”、“tz_btn”、“hk_mc” 、“jdt_mc”。 2.3 在前期制作完成后,我们就可以为“完整播放条”影片剪辑创建“代码 ”层了点击 “插入图层”创建一个新图层起名为“代码”,在“代码”层上为这些“元
9、件” 编写代码。这样制作的好处是可以很方便的编写和修改多个元件的代码。 3 在“ 场景”中导入动画、导入完整播放条及制作播放器的边框 3.1 在 “场景”中创建 “播放条”、“动画”、 “装饰框”三个图层进入“场景”, 点击 “插入图层” 再创建两个新图层,从上往下分别起名为 “播放条”、 “动画 ”、“装饰框 ”。 3.2 在 “场景”中导入 “动画”影片剪辑选择“ 动画”图层,将“库” 文件中的“动画”影片剪辑拖动到“ 绘制区”放置到适当位置, 并进入 Flash 软件面板下方的“属性” 面板中,在“实例名称” 栏里填上“yp_mc”。 3.3 在 “场景”中制作播放器边框选择 “装饰框”
10、图层,使用“工具栏”中的“矩形工具”, 同时关闭 “颜色” 中的“笔触颜色”,选择“填充色”中的黑色,在“绘制区” 创建一个黑色矩形 (宽、高值由导入动画的宽高值而定)。 3.4 在 “场景”中导入 “完整播放条”影片剪辑选择“ 播放条”图层,将“库” 文件中的“完整播放条”影片剪辑拖动到“绘制区”放置到上图所在位置。我们所要用到的元素就整合完成了,下面开始来为按钮及滑块编写代码。 4 使用 Flash 中的 “动作” 为按钮及滑块编写代码,使滑块与当前动画帧同步 鼠标双击“库” 文件中的“ 完整播放条”影片剪辑, 进入“ 完整播放条”影片剪辑面板,选择“代码”图层,打开面板下方的“动作” 窗
11、口, 在编写代码区域输入如下代码: ks_btn.onRelease = function() _parent.yp_mc.play(); ; /“开始按钮” 控制代码 tz_btn.onRelease = function() _parent.yp_mc.gotoAndStop(1); ; /“停止按钮” 控制代码 zt_btn.onRelease = function() _parent.yp_mc.stop(); ; /“暂停按钮” 控制代码 var td:Boolean = true; /设置的布尔变量 var hkgd:Number = jdt_mc._y-(hk_mc._heigh
12、t-jdt_mc._height)/2; /滑块的顶端和底端坐标 var hkz:Number = jdt_mc._x; /滑块的左边坐标 var hky:Number = jdt_mc._x+jdt_mc._width-hk_mc._width; /滑块的右边坐标 var jdtzc:Number = jdt_mc._width-hk_mc._width; /进度条的总长度或滑块的活动范围 hk_mc.onPress = function() td = false; startDrag(this, false, hkz, hkgd, hky, hkgd); ; /滑块的拖动 hk_mc.on
13、Release = function() td = true; stopDrag(); ; /滑块的停止拖动 hk_mc.onReleaseOutside = function() td = true; stopDrag(); ; onEnterFrame = function () if (td) hk_mc._x = jdt_mc._x+jdtzc*_parent.yp_mc._currentframe/_parent.yp_mc._totalframes; /计算滑块当前位置 ,公式:滑块的当前位置 =进度条的总长* 当前影片播放头位置/影片总帧 else _parent.yp_mc.g
14、otoAndPlay(int(_parent.yp_mc._totalframes*(hk_mc._x-jdt_mc._x)/jdtzc); /计算当前播放头的当前帧 ,公式:当前帧 =影片总帧* 滑块当前位置/进度条总长度 ; /滑块随影片滑动 ,重复执行语句 下面我们再将整个制作思路连贯一下。首先我们需要创建所要使用到的“开始按钮” 、“ 暂停按钮”、“停止按钮”的元件,播放进度控制条的“进度”、“滑块”的元件 ,及动画或者视频的“ 动画”元件;其次创建“完整播放条” 影片剪辑,将单个元件进行整合;然后整合动画、完整播放条及制作播放器的边框;最后再使用 Flash 中的“ 动作”为按钮及滑
15、块编写代码,通过编写代码将滑块与当前动画帧同步。 整个播放进度控制的制作完成了,点击“测试影片”观看效果。在播放动画时滑块随着动画的播放而移动,当我们使用鼠标移动滑块时,影片又随着滑块的移动而变化。在动画播放时我们还可以使用开始、暂停、停止按钮随时控制播放的状态。 从以上例子可以看出播放进度控制条具有很好的随时随地的控制功能。可以广泛的应用于我们的多媒体教学,在我们的多媒体课件中可以随时控制动画及视频的播放,这样既可以快速的浏览动画的大概内容并巩固主要内容的学习,又节省了时间。 参考文献: 1赵占林.用 Flash 制作 CAI 课件的优势 J.山西焦煤科技,2008,(01). 2张辉.课件制作新利器FlashJ.科技资讯,2007,(03). 3张静.多媒体课件制作与应用探讨J.职业圈,2007,(04). 4刘玉宾.多媒体课件中 flash 软件的应用 J.福建电脑,2008,(04).5周建峰.即拖即放,皆随你意为 Flash 动画加上播放滚动条J.电脑知识与技术,2004,(04).
