Flash课程设计报告
专 业 名 称：
系 部 名 称：
学 生 姓 名：
班 级 名 称：
指 导 教 师：
目 录
一、 前言............................................................................................... 1
二、 课程设计内容................................................................................ 2
课题的理论基础概述................................................................... 2
课题功能描述.............................................................................. 2
开发中遇到的问题及解决方法描述............................................ 5
本次开发中的不足之处，课题的展望........................................ 5
三、 体会............................................................................................... 5
四、 参考资料....................................................................................... 6
Flash课程设计报告
一、 前言
课程设计是课程教学中的一项重要内容，是完成教学计划达到教学目标的重要环节，是教学计划中综合性较强的实践教学环节，它对帮助我们全面牢固地掌握课堂教学内容、培养我们的实践和实际动手能力、提高学生全面素质具有很重要的意义。Flash编程是一门实用性和实践性都很强的课程，课程设计环节应占有更加重要的地位。它要求学生能灵活掌握所学知识，将本学期所学的知识，通过此次实训课程来实现，是一门发散思维和动手相结合的学科。在见过的很多Flash特效的实例中，可以看出这些特效的实现都是基于最简单的Flash知识上的，而通过此次的课程设计将大大提高学生们对Flash基本知识的掌握，为以后的Flash设计打下坚实的基础。本课程设计的目的旨在帮助我们掌握Flash相关知识，通过让我们自己设计网站，培养学生应用所学知识并很好的运用到实践的能力。
二、 课程设计内容
课题的理论基础概述
1、 使用FLVPlayback组件处理Flas视频文件。
2、 在“属性”查看器里设置FLVPlayback的组件的属性。
3、 利用ActionScript设置FLVPlayback组件的属性。
4、 使用ColorPicker组件设置视频外观的背景颜色。
5、 使用Slide组件调整视频外观的透明度。
6、 使用ActionScript提示点从视频文件里的标记出发事件。
7、 使用FLVPlaybackColorPicker组件。
8、 使用时序文本XML文件实现视频字幕。
9、 创建ActionScript对视频文件播放结束做出响应。
10、 创建ActionScript处理XML视频播放文件列表。
11、 使用“允许全屏”模板在浏览器里查看全屏视频。
课题功能描述
我们本次设计的课题是利用ActionScript和组件控制视频课题的大部分内容是用外部媒体和数据文件以及Flash CS5组件，利用ActionScript把这些部分联系在一起，创建一个简单的视频播放程序。课题的组件和文本都位于contentde 空层里，全部的代码位于actions层里。
首先是添加FLVPlaydack组件
1、 在场景可见的情况下选中content层的第1帧，打开“组件”面板。
2、 从组件面板中的video文件夹里找到FLVPlaydack2.5组件。
3、 FLVPlaydack组件的一个实例拖放到场景右下角。
4、 在属性面板里把FLVPlaydack组件实例名设置为vidPlater。
在Flash里设置FLVPlaydack的属性
1、 在选中场景中的vidPlater组件，打开属性查看器，找到“组件参数”区域。这些属性都可以通过ActionScript进行设置。
2、 在属性查看器的组件参数区域里单击ｓｏｕｒｃｅ属性右侧的铅笔图标。
3、 在打开的对话框里找到video文件夹，选择solution.f4v.单击“确定”按钮，这时视频文件的路径就会显示在source属性的右侧。
4、 选中vidPlater实例，在组件参数里单击skins属性打开选择外观对话框。
5、 接着选中vidPlater组件，在组件参数区域里设置skinBackground Color属性，并命名为调色板。选择颜色作为视频控制的颜色。
用ActionScript控制FLVPlaydack
1、 打开组件控制面板，从user lterface组件文件夹里选择Slider组件。
2、 在contents层，把slider组件的实例拖放在场景左上角的区域里。
3、 在属性里设置实例名为alphaslide.
4、 打开alphaslide实例，打来属性面板设置参数。
5、 接着创建一个文本元素。像用户提供滑块的作用。
拖出一个文本区域，在文本里输入字样，并根据需要设置字体和颜色。
接着输入代码
import fl.events.SliderEvent;
import fl.controls.ColorPicker;
import fl.events.ColorPickerEvent ;
import fl.video.*;
alphaSlide.addEventListener(SliderEvent.CHANGE,alphaChange);、
接着创建alphaChange()函数。
function alphaChange(e:SliderEvent ):void
{
vidPlayer.skinBackgroundAlpha = e.target.value;
}
测试影片。
6、当用户选择一个颜色时触发组件的CHANGE事件，现在来造构侦听器
colorChoose.addEventListener(ColorPickerEvent.CHANGE,changeHandler);
输入function changeHandler(e:ColorPickerEvent):void
{
var cp:ColorPicker=e.currentTarget as ColorPicker;
vidPlayer.skinBackgroundColor=Number("0x"+cp.hexValue );
}
选中场景中的vidPlater组件，打开属性查看器，找到“组件参数”单击source属性右侧的铅笔图标，在打开的对话框里找到video文件夹，选择solution.f4v.单击“确定”按钮，这时视频文件的路径就会显示在source属性的右侧。
1) 利用ActionScript设置FLVPlayback组件的属性。
打开组件控制面板，从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)
接着创建alphaChange()函数。
function alphaChange(e:SliderEvent ):void
{
vidPlayer.skinBackgroundAlpha = e.target.value;
}
当用户选择一个颜色时触发组件的CHANGE事件，现在来造构侦听器
colorChoose.addEventListener(ColorPickerEvent.CHANGE,changeHandler);
输入function changeHandler(e:ColorPickerEvent):void
{
var cp:ColorPicker=e.currentTarget as ColorPicker;
vidPlayer.skinBackgroundColor=Number("0x"+cp.hexValue );
}
2) 使用ColorPicker组件设置视频外观的背景颜色。
3) 使用Slide组件调整视频外观的透明度。
4) 使用ActionScript提示点从视频文件里的标记出发事件。
“提示点”是一个标记，与Flash视频文件里特定时间的位置相关联。我们将使用ActionScript生成的提示点来触发一个函数，来修改一个文本区域里的文本。另外还会添加一个侦听器，响应文本区域被单击的操作。
1、添加一个标题文本区域，命名为 title_txt；
2、在action层中输入“vidPlayer.addASCuePoint(10, "BuyCD");”创建一个提示点；
3、输入“vidPlayer.addEventListener(MetadataEvent.CUE_POINT, cuePointNav);”来监视vidPlayer的CUE_POINT事件；
4、输入“function cuePointNav(e:MetadataEvent):void
{
if (e.info.name == "BuyCD")
{
title_txt.text = "Click to Purchase Music by Nan Jing";
title_txt.addEventListener(MouseEvent.CLICK, buyCD);
}
}”添加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.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);”
9、创建xmlLoaded()函数，输入
“function xmlLoaded(event:Event):void
{
vidList_XML = new XML(xmlLoader.data);
vidPlayer.addEventListener(VideoEvent.COMPLETE, changeVid);
}”
10、使用“允许全屏”模板在浏览器里查看全屏视频。
1、“菜单”—“文件”—“发布设置”—“格式”选项卡中选中Flash和HTML;
2、切换到“HTML”后，从“模板”中选择“仅Flash_允许全屏”
开发中遇到的问题及解决方法描述
1) 经常出现代码错误而导致的程序不能正常运行，出现小的问题，小组讨论进行解决。
2) 在将视频的绝对路径改为相对路径是出现程序错误，我们请教老师后决定完成整个程序后再对整体进行修改。
本次开发中的不足之处，课题的展望
没有实现创新，本来试着将它改变成为可以点播的播放器，但由于代码输入后出现很多问题，没有成功。在未来的毕业设计中，我会花更多时间努力创造自己想要的效果。
三、 体会
通过这几天的flash设计制作，我感受到flash的作用确实很强大很实用。在现实生活中我们随处可以看到视频，平时看起来很简单也没有怎么细想，但真正接触后才感觉到他的实用。flash能集图、文、声于一体，具有良好的表现力，能够表现一些纸笔难以表现的效果。
以前对flash动画制作不是很了解，当这次短时间的接触后才感受到要制作出一个好的作品确实要下很多功夫，我们需要把层层景物添加上去，并且要设置好时间，让他在哪些时候显示、消失、运动、而且在不同的时刻要根据场景插入声音，要同时把握好这些，要经过很多次的尝试与调试。所以在改动的过程中会非常麻烦，当自己遇到问题的时候就查阅资料或者上网百度。模仿他们。这样我才解决了很多自己不会的地方。还有一点体会就是当你准备要做一件事情的时候一定要提前做好准备，要构思好，不然的话就象无头苍蝇没有方向，没有效率！还弄的很急躁！
快实习了，做做课程设计充实下自己，我觉得很快乐。每一次做出作品，都会有一种成就感，可以提高自己积极性。希望工作中也能有这种积极性，为公司带来效益，为自己取得报酬。虽然课程设计有些枯燥无味，但是实习也是这个样子的。劳动是人类生存生活永恒不变的话题。我对FLASH比较感兴趣，做些动感的动画之类的东西，别人问你的时候你会觉得很有面子。这是我动力的来源。对于这次课程设计我想说：“认真对待任何事物，不要小看它，虽然是简简单单的作品，技术含量不是很高，我觉得它考验的是我们的耐力和忍受力。能不能按下心去做它。这和处人处世是一样的。做什么事情都要认认真真的”。对于FLASH只要有想象力就可以做出好的作品。
通过两个星期的FLASH课程设计，我发现自己的很多不足，也发现自己有很多潜力，自己知识的虽然不足，自己的实践经验虽然缺乏，但是，有想象力还是可以做出好的作品，做一些小作品很容易，做些复杂的作品还需要掌握一些理论知识，理论联系实际。
至此，我要感谢帮助我的同学和老师。希望大家在即将来临的实习中，发扬吃苦的精神，不要怕苦怕累。我们会比我们的学长更强。只要我们都有一个梦想，去实现它，实现我们的人生价值，我们的大学生涯就没白来了。大家一起努力吧！加油！
四、 参考资料
<Adobe Flash CS5 Action Script3.0> Adobe公司 著
第二篇：flash课程设计报告.doc
课程设计报告
课程设计名称： Flash生日贺卡 系部名称：中印计算机软件系 学生姓名： 李兆玉 班 级： 11软件技术2班 学 号： 201101080047 成 绩： 指导教师： 马振宁 开课时间：2012-2013学年第 2 学期
Flash课程设计报告
一. 课程设计目的：
1、熟练掌握flash mx各种工具,最终能制作出精美的图画及简单的动画；
2、熟练掌握flashk 逐帧、变形、动作等动画的制作方法，最后达到综合运用各种工具能制作出复杂的动画；
3、使用简单动作脚本制作交互式动画；
二．课程设计要求：
要求学生综合运用所学知识，自己设计并制作一个能体现本人制作水平的Flash动画。
三．课程设计说明：
１素材的准备 上互联网搜索“生日蛋糕”“蜡烛”“钢笔”等图片，搜到 如图１所示幅图片并保存备用。搜索并下载歌 曲《祝你生日快乐》ＭＰ３格式的声音文件，保 存文件，命名为“生日歌”。 图１搜索到的图片 ２制作元件 １）打开Ｆｌａｓｈ软件，新建一个Ｆｌａｓｈ文档， 背景色设置为掰手腕。执行“文件”一“导 入”一“导入到库”命令。将刚保存的幅图 片和保存的“生日歌”声音文件导入到库。打 开“库”面板，分别将每幅图片拖放到舞台， 对每一幅图片分别执行如下操作：按“Ｃｔｒｌ＋ Ｂ”组合键，将图片打散，选择“套索工具” 的“魔术棒”删除图片的背景色；利用“套索 工具”的“多边形”选项，选择所需要的图形 元素并将其分别转化为“蛋糕”“蜡烛”“钢笔”等图形元件。 在时间轴的第１帧，用“矩形”绘制一个 无边框、填充色为“白色”、大小为800 ｐｘ×600 ｐｘ的矩形；在第1帧插 入帧，锁定该图层。插入图层２，首先把它拖 到图层１的下方，将“库”中的“背景”图片 置于舞台的中央，在“属性”将背景的宽设置 为“800ｐｘ”、高设置为“6００ｐｘ”。在图层２ 的第115帧插入关键帧，调整“背景”的位置， 使第115帧的“背景”中心与蛋糕的中心一样， 使第１帧的“背景”右端与矩形右端队齐。 创建１～６０帧补间动画。使之背景在115帧的时候缩放，增加动画效果。给蛋糕图层创建补间动画，使之在第30帧出出现。然后延伸到190帧。 2）新建一个“音乐”的影片剪辑元 件，使之音乐在动画中播放生日歌，添加动画生日效果。3）在“场景１”中捅入4个图 层，自下而上命名为“背景”“蛋 糕” “生日快乐” “蜡 烛” “音乐” ，将各图层延 长到190帧。 4）打开“库”面板，将“背景”“蛋糕”“蜡 烛”“音乐”“生日快乐”元件分别 拖放到相应图层的第１帧，将各元件 置于舞台适当的位置，蜡烛置于背景后。5）单击“音乐”图层的第１ 帧，在“属性”面板上的“声音” 选择库中的声音文件，“同步”选 图２课件播放效果 择“数据流”。 6）新建一个流动字幕”的影片剪辑元 件，在该元件的编辑窗口，用“文本工具”在 舞台中央输入字号为“12”的“生日快 乐”几个大字。按“Ｃｔｒｌ＋Ｂ”组合键两次，将 文字打散，分别选中每一个被打散的文字 1
并移 动其位置，在第55帧插入关键帧创建补间动画使之移动到蛋糕两侧，在第75帧处插入关键帧，创建补间动画，使之逐渐透明。新建图层，在75帧插入“生日快乐”，进入元件插入钢笔元件，创建写字动画。使之在第一个“生日快乐”后出现。
四．课程设计心得与体会：
FLASH是一种自由的制作动画的软件，它可以自由的让你变换不同的动画效果，如果仔细学习它的话你可以制作自己想要的动画效果，随着自己心情的变换，或高兴或忧伤的动画效果，现在有许多公司出名，如中国娃娃动画等。通过自作动画而由于动漫也成为一种时尚的艺术，而且最直接简单的动画创作是就FLASH。我认为它可以自成体系，有它自己独特的表现方法.手段和流通方式及“闪客”生活。我的观点是FLASH不可否认已经成为了一种新的艺术表现形式，作为新的事物它的应用非常广泛，主要用于网络，FLASH网站片头，FLASH演示动画，FLASH网站，FLASH商业广告，电视，掌上电脑，游戏，MTV，手机屏保，手机彩信，家用电器等等！这些表示FLASH的确是一个非常好的传播载体。它能够引申出非常多的商业机会。能够以多样的效果和形式来充分体现产品或企业形象。现在电脑，网络，手机用户等等都是在不断的增加，网络的发展壮大和完美，电脑更加普及，上网的人更多。正因为它有怎么多的用户，爱好者，创作者和发展平台，使用价值和欣赏价值。它现在虽然不能和我们的中国画，油画，版画等艺术创作相提并论，但是它可以满足社会艺术欣赏的需要和商业价值的需要，通过介绍论证FLASH是具有广阔的天空，它是在不断的发展和成熟中，我认为FLASH真正的价值是其未来！。学习FLASH之后我深刻体会了它的神奇，我很喜欢这种感觉。FLASH让我体会了动画制作的过程，它很华丽，很漂亮。我喜欢FLASH，喜欢用它制作动画。它是一种新新事物，是一种新的艺术创作和文化
五．课程设计教材及主要参考资料：
（1）耿建业 李大明` 编著《Flash MX标准教程》中国青年出版社
（2 刘小东 编《flash mx 实用教程》 中国铁道出版社
教学参考书
（1）黄刚 于林 编《flash mx 标准教程》北京希望电子出版社
（2）西北工业大学编《flash mx 精彩制作150例》西北工业大学出版社
2