2011—2012学年第一学期实验报告专业:____教育技术_____课程:__Flash动画制作____学号:__**********___姓名:___欧阳蓉_____教师:___刘娟_____分数:__________湖南师范大学教育科学学院动画制作实验报告实验一Flash基础动画制作一、实验目的1.了解动画基本概念和原理。
2.了解Flash软件界面。
3.了解全部工具,掌握工具的使用。
4.熟练运用Flash制作简单动画。
二、实验要求1.结合课堂讲授内容阅读实验指导,明确实验目的和要求。
2.分清实验具体步骤,听从辅导老师的安排。
3.详细如实地记录实验过程、结果和心得,按时写出实验报告(打印稿和word源文件),上交实验作品(flash源文件和swf影片)。
4.爱护实验器材,保持环境整洁、安静。
三、实验器材1.实验所用计算机2.Windows操作系统。
3.Flash软件。
4.实验所用动画素材。
四、实验步骤第一步:FLASH简介与界面认识第二步:FLASH 工具的应用第三步:文本的使用第四步:元件与库的使用第五步:图层的应用第六步:逐帧动画的使用第七步:形状补间动画的使用第八步:运动补间动画的使用第九步:色彩补间动画的使用第九步:引导线动画的使用五、思考题1.Flash动画应用在哪些领域以及时代特征?2.动画中是如何表现人物行走运动?六、实验的重点、难点及操作要点1、重点、难点:形状补间动画、运动补间动画、引导线动画。
2、操作要点如下:第一步:运用逐帧动画创建蝴蝶的影片剪辑(如图1-1)。
图1-1第二步:新建一个图层,并改名为“background”,将准备好的背景图片放入相应的帧中。
如图第三步:在这个图层上,运用色彩补间动画创建颜色变化的栅栏动画(如图1-2)。
图1-2第四步:新建一个图层line,运用形状补间动画、色彩补间动画,创建一个线段由短变长的形状补间且颜色也发生变换的补间。
(如图1-3)。
图1-3第五步:新建另一个图层line2,实现同样的动画,并且让line1与line2的动画同步,line2的坐标在line1坐标的上方五个像素。
如图。
第六步:新建一个图层“Text”,在30幀的位置开始插入空白关键帧,写上“不要给陌生人开门”,创建文字由小变大并且位置由line1的下方上升到line2的上方的运动补间。
第七步:新建一个图层,同样在30幀的位置开始插入空白关键帧,在line2的线段上方画一个长方框,长度大于活等于line的最大值。
然后将该图层改成遮罩层。
第七步:新建一个图层,在60幀的位置开始插入空白关键帧,写上制作者姓名“design by ****”。
运用色彩补间动画创建颜色变化的栅栏动画。
(改变透明度)第八步:新建一个图层“as”,写上控制语句stop(),以便播放动画播放到70帧是画面会定格。
实验二Flash交互动画制作一、实验目的1.了解ActionScript2.0编程语言。
2.掌握动作面板及面板内ActionScript指令的运用。
3.熟练运用Flash中常用的ActionScript语言脚本,制作交互动画。
二、实验要求1.结合课堂讲授内容阅读实验指导,明确实验目的和要求。
2.分清实验具体步骤,听从辅导老师的安排。
3.详细如实地记录实验过程、结果和心得,按时写出实验报告(打印稿和word源文件),上交实验作品、语言脚本(flash源文件和swf影片)。
4.爱护实验器材,保持环境整洁、安静。
三、实验器材1.实验所用计算机2.Windows操作系统。
3.Flash软件。
4.实验所用动画素材。
四、实验步骤第一步:动作面板的应用第一步: ActionScript的基本语法及规则第二步:鼠标事件第三步:影片剪辑事件第四步:按纽的制作及应用第五步:电子相册的制作第六步:滑动菜单的制作第七步:动态网站制作第八步:游戏制作五、思考题1.如何编写“棒子、老虎、鸡、虫”游戏的脚本?2.如何制作FLASH课程教学网站?六、实验的重点、难点及操作要点1、重点、难点:形状补间动画、运动补间动画、引导线动画、遮罩层动画的使用。
2、操作要点如下:控制外部影片步骤:1、制作一个有几帧动画的影片文件,保存名为.swf。
2、制作一个主影片文件,保存路径与上面文件相同,名为index.swf。
3、在主影片文件中,场景上放四个按钮,实例名分别为:bf_btn、tz_btn、sb_btn、db_btn。
4、在主影片的帧上写如下代码://申明一些变量var num:int=1;var ldr:Loader=new Loader();var url:String = "1.swf";var dizhi:URLRequest = new URLRequest(url);var yp:MovieClip=new MovieClip();//载入外部影片ldr.load(dizhi);addChild(ldr);//载入完成时添加监听事件ldr.contentLoaderInfo.addEventListener(PLETE,wc);function wc(e:Event):void {yp=e.target.content;yp.addEventListener(Event.ENTER_FRAME,yx);}//按钮属性设置bf_btn.visible=false;tz_btn.visible=true;bf_btn.x=tz_btn.x;bf_btn.y=tz_btn.y;//播放bf_btn.addEventListener(MouseEvent.CLICK,bf);function bf(e:MouseEvent):void {e.target.visible=false;tz_btn.visible=true;yp.addEventListener(Event.ENTER_FRAME,yx);}//停止tz_btn.addEventListener(MouseEvent.CLICK,tz);function tz(e:MouseEvent):void {e.target.visible=false;bf_btn.visible=true;yp.removeEventListener(Event.ENTER_FRAME,yx);}//顺播sb_btn.addEventListener(MouseEvent.CLICK,sb);function sb(e:MouseEvent):void {bf_btn.visible=false;tz_btn.visible=true;yp.addEventListener(Event.ENTER_FRAME,yx);num=1;}//倒放db_btn.addEventListener(MouseEvent.CLICK,db);function db(e:MouseEvent):void {bf_btn.visible=false;tz_btn.visible=true;yp.addEventListener(Event.ENTER_FRAME,yx);num=-1;}//外部影片运行函数function yx(e:Event):void {yp.gotoAndStop(yp.currentFrame+num);if (e.target.currentFrame. ==e.target.totalFrames) { yp.removeEventListener(Event.ENTER_FRAME,yx);bf_btn.visible=true;tz_btn.visible=false;num=-1}if (e.target.currentFrame. == 1) {yp.removeEventListener(Event.ENTER_FRAME,yx);bf_btn.visible=true;tz_btn.visible=false;num=1}}3、填色小游戏的制作://第一帧中先添加停止。
stop();//初始化mycolor。
var mycolor;//隐藏鼠标。
Mouse.hide();//将鼠标换成制作好的影片剪辑。
startDrag("_root.xiguan", true);btn_1.onPress = function() {//定义新的COLOR类。
以下同意。
mycolor = 0xF7F7F7;xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0xF7F7F7);};btn_2.onPress = function() {mycolor = 0x4BBA01;xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0x4BBA01);};xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0xB152F1);};btn_7.onPress = function() {mycolor = 0xFF3300;xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0xB152F1);};btn_7.onPress = function() {mycolor = 0xFF3300;xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0xFF3300);};btn_8.onPress = function() {mycolor = 0xFF5FD9;xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0xFF5FD9);};btn_9.onPress = function() {mycolor = 0x8751010;xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0x875101);};btn_10.onPress = function() {mycolor = 0x404040;xiguan_color = new Color(xiguan.yanliao);xiguan_color.setRGB(0x404040);};var i;//将场景中的影片剪辑的新COLOR定义。
for (i=1; i<=13; i++) {this["a"+i].onPress = function() {var mysound:Sound=new Sound();mysound.attachSound("sound1")mysound.start(0,1);my_newcolor = new Color(this);my_newcolor.setRGB(mycolor);};}prev_btn.onRelease = function() {prevFrame();};next_btn.onRelease = function() {nextFrame();};第二帧中的代码var i;//为第二张图片中添加定义颜色代码。