Flash课程设计报告

1、Flash课程设计报告 专 业 名 称： 系 部 名 称： 学 生 姓 名： 班 级 名 称： 指 导 教 师： 目 录一、前言1二、课程设计内容2l 课题的理论基础概述2l 课题功能描述2l 开发中遇到的问题及解决方法描述5l 本次开发中的不足之处，课题的展望5三、体会5四、参考资料6Flash课程设计报告一、 前言课程设计是课程教学中的一项重要内容，是完成教学计划达到教学目标的重要环节，是教学计划中综合性较强的实践教学环节，它对帮助我们全面牢固地掌握课堂教学内容、培养我们的实践和实际动手能力、提高学生全面素质具有很重要的意义。Flash编程是一门实用性和实践性都很强的课程，课程设计环节应占

2、有更加重要的地位。它要求学生能灵活掌握所学知识，将本学期所学的知识，通过此次实训课程来实现，是一门发散思维和动手相结合的学科。在见过的很多Flash特效的实例中，可以看出这些特效的实现都是基于最简单的Flash知识上的，而通过此次的课程设计将大大提高学生们对Flash基本知识的掌握，为以后的Flash设计打下坚实的基础。本课程设计的目的旨在帮助我们掌握Flash相关知识，通过让我们自己设计网站，培养学生应用所学知识并很好的运用到实践的能力。二、 课程设计内容l 课题的理论基础概述1、 使用FLVPlayback组件处理Flas视频文件。2、 在“属性”查看器里设置FLVPlayback的组件的

3、属性。3、 利用ActionScript设置FLVPlayback组件的属性。4、 使用ColorPicker组件设置视频外观的背景颜色。5、 使用Slide组件调整视频外观的透明度。6、 使用ActionScript提示点从视频文件里的标记出发事件。7、 使用FLVPlaybackColorPicker组件。8、 使用时序文本XML文件实现视频字幕。9、 创建ActionScript对视频文件播放结束做出响应。10、 创建ActionScript处理XML视频播放文件列表。11、 使用“允许全屏”模板在浏览器里查看全屏视频。l 课题功能描述 我们本次设计的课题是利用ActionScript和

4、组件控制视频课题的大部分内容是用外部媒体和数据文件以及Flash CS5组件，利用ActionScript把这些部分联系在一起，创建一个简单的视频播放程序。课题的组件和文本都位于contentde 空层里，全部的代码位于actions层里。首先是添加FLVPlaydack组件1、 在场景可见的情况下选中content层的第1帧，打开“组件”面板。2、 从组件面板中的video文件夹里找到FLVPlaydack2.5组件。3、 FLVPlaydack组件的一个实例拖放到场景右下角。4、 在属性面板里把FLVPlaydack组件实例名设置为vidPlater。 在Flash里设置FLVPlayda

5、ck的属性1、 在选中场景中的vidPlater组件，打开属性查看器，找到“组件参数”区域。这些属性都可以通过ActionScript进行设置。2、 在属性查看器的组件参数区域里单击属性右侧的铅笔图标。3、 在打开的对话框里找到video文件夹，选择solution.f4v.单击“确定”按钮，这时视频文件的路径就会显示在source属性的右侧。4、 选中vidPlater实例，在组件参数里单击skins属性打开选择外观对话框。5、 接着选中vidPlater组件，在组件参数区域里设置skinBackground Color属性，并命名为调色板。选择颜色作为视频控制的颜色。用ActionScri

6、pt控制FLVPlaydack1、 打开组件控制面板，从user lterface组件文件夹里选择Slider组件。2、 在contents层，把slider组件的实例拖放在场景左上角的区域里。3、 在属性里设置实例名为alphaslide.4、 打开alphaslide实例，打来属性面板设置参数。5、 接着创建一个文本元素。像用户提供滑块的作用。拖出一个文本区域，在文本里输入字样，并根据需要设置字体和颜色。接着输入代码import fl.events.SliderEvent;import fl.controls.ColorPicker;import fl.events.ColorPicker

7、Event ;import fl.video.*;alphaSlide.addEventListener(SliderEvent.CHANGE,alphaChange);、接着创建alphaChange()函数。function alphaChange(e:SliderEvent ):voidvidPlayer.skinBackgroundAlpha = e.target.value;测试影片。6、当用户选择一个颜色时触发组件的CHANGE事件，现在来造构侦听器colorChoose.addEventListener(ColorPickerEvent.CHANGE,changeHandler)

8、;输入function changeHandler(e:ColorPickerEvent):voidvar cp:ColorPicker=e.currentTarget as ColorPicker;vidPlayer.skinBackgroundColor=Number(0x+cp.hexValue );选中场景中的vidPlater组件，打开属性查看器，找到“组件参数”单击source属性右侧的铅笔图标，在打开的对话框里找到video文件夹，选择solution.f4v.单击“确定”按钮，这时视频文件的路径就会显示在source属性的右侧。1) 利用ActionScript设置FLVPla

9、yback组件的属性。 打开组件控制面板，从user lterface组件文件夹里选择Slider组件。在contents层，把slider组件的实例拖放在场景左上角的区域里。拖出一个文本区域，在文本里输入字样，并根据需要设置字体和颜色。接着输入代码import fl.events.SliderEvent;import fl.controls.ColorPicker;import fl.events.ColorPickerEvent ;import fl.video.*;alphaSlide.addEventListener(SliderEvent.CHANGE,alphaChange)接着创

10、建alphaChange()函数。function alphaChange(e:SliderEvent ):voidvidPlayer.skinBackgroundAlpha = e.target.value;当用户选择一个颜色时触发组件的CHANGE事件，现在来造构侦听器colorChoose.addEventListener(ColorPickerEvent.CHANGE,changeHandler);输入function changeHandler(e:ColorPickerEvent):voidvar cp:ColorPicker=e.currentTarget as ColorPic

11、ker;vidPlayer.skinBackgroundColor=Number(0x+cp.hexValue );2) 使用ColorPicker组件设置视频外观的背景颜色。3) 使用Slide组件调整视频外观的透明度。4) 使用ActionScript提示点从视频文件里的标记出发事件。“提示点”是一个标记，与Flash视频文件里特定时间的位置相关联。我们将使用ActionScript生成的提示点来触发一个函数，来修改一个文本区域里的文本。另外还会添加一个侦听器，响应文本区域被单击的操作。1、添加一个标题文本区域，命名为title_txt；2、在action层中输入“vidPlayer.ad

12、dASCuePoint(10, BuyCD);”创建一个提示点；3、输入“vidPlayer.addEventListener(MetadataEvent.CUE_POINT, cuePointNav);”来监视vidPlayer的CUE_POINT事件；4、输入“function cuePointNav(e:MetadataEvent):voidif ( = BuyCD)title_txt.text = Click to Purchase Music by Nan Jing;title_txt.addEventListener(MouseEvent.CLICK, buy

13、CD);”添加cuePointNav函数；5、使用FLVPlaybackColorPicker组件。6、使用时序文本XML文件实现视频字幕。7、创建ActionScript对视频文件播放结束做出响应。8、创建ActionScript处理XML视频播放文件列表。用ActionScript载入vidlist.xml,输入“var vidList_XML:XML;var vidTitle:String;var count:int = 0;var xmlLoader:URLLoader = new URLLoader();xmlLoader.load(new URLRequest(vidlist.xm

14、l);xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);”9、创建xmlLoaded()函数，输入“function xmlLoaded(event:Event):voidvidList_XML = new XML(xmlLoader.data);vidPlayer.addEventListener(VideoEvent.COMPLETE, changeVid);”10、使用“允许全屏”模板在浏览器里查看全屏视频。1、“菜单”“文件”“发布设置”“格式”选项卡中选中Flash和HTML;2、切换到“HTML”后，从“模板”中选择“仅Fl

15、ash_允许全屏”l 开发中遇到的问题及解决方法描述1) 经常出现代码错误而导致的程序不能正常运行，出现小的问题，小组讨论进行解决。2) 在将视频的绝对路径改为相对路径是出现程序错误，我们请教老师后决定完成整个程序后再对整体进行修改。l 本次开发中的不足之处，课题的展望 没有实现创新，本来试着将它改变成为可以点播的播放器，但由于代码输入后出现很多问题，没有成功。在未来的毕业设计中，我会花更多时间努力创造自己想要的效果。三、 体会 通过这几天的flash设计制作，我感受到flash的作用确实很强大很实用。在现实生活中我们随处可以看到视频，平时看起来很简单也没有怎么细想，但真正接触后才感觉到他的实

16、用。flash能集图、文、声于一体，具有良好的表现力，能够表现一些纸笔难以表现的效果。以前对flash动画制作不是很了解，当这次短时间的接触后才感受到要制作出一个好的作品确实要下很多功夫，我们需要把层层景物添加上去，并且要设置好时间，让他在哪些时候显示、消失、运动、而且在不同的时刻要根据场景插入声音，要同时把握好这些，要经过很多次的尝试与调试。所以在改动的过程中会非常麻烦，当自己遇到问题的时候就查阅资料或者上网百度。模仿他们。这样我才解决了很多自己不会的地方。还有一点体会就是当你准备要做一件事情的时候一定要提前做好准备，要构思好，不然的话就象无头苍蝇没有方向，没有效率！还弄的很急躁！快实习了，做做课程设计充实下自己，我觉得很快乐。每一次做出作品，都会有一种成就感，可以提高自己积极性。希望工作中也能有这种积极性，为公司带来效益，为自己取得报酬。虽然课程设计有些枯燥无味，但是实习也是这个样子的。劳动是人类生存生活永恒不变的话题。我对FLASH比较感兴趣，做些动感的动画之类的东西，别人问你的时候你会觉得很有面子。这是我动力的来源。对于这次课程设计我想说：“认真对待任何事物，不要小看它，虽然是简简单单的作品，技术含量不是很高，我觉得它考验的是我们的耐力和忍受力。能不能按下心去做它。这和处人处世是一样的。做什么事情都要认认真真