案例生日快乐AdobeFlashCS.ppt

***********案例12.2生日快乐ADOBEFLASHCS6案例目的通过制作“生日快乐”动画，学习ActionScript3.0中按钮指令的的运用。生日快乐“生日快乐”效果图案例分析“生日快乐”动画主要利用按钮来控制整个场景动画的播放，通过点击按钮，实现点燃生日蜡烛，播放生日歌的动画效果。生日快乐01打开素材包中的“生日快乐素材.fla”文件。制作“小男孩”影片剪辑元件实践操作0101执行“插入/新建元件”命令，或按快捷键【Ctrl+F8】，新建一个“小男孩”影片剪辑元件，进入元件编辑界面。制作“小男孩”影片剪辑元件实践操作0201依次创建“男孩手”、“男孩身体”、“男孩头”三个图层，将“库”面板中对应的男孩图形元件放置在相应图层，并调整位置。制作“小男孩”影片剪辑元件03实践操作01在“男孩头”和“男孩手”图层的第10帧，分别插入关键帧，利用任意变形工具，将男孩头和男孩手元件适当调整角度，产生男孩点头和挥手的动画效果，并将三个图层都延续到20帧。制作“小男孩”影片剪辑元件04实践操作02执行“插入/新建元件”命令，或按快捷键【Ctrl＋F8】，新建一个“蜡烛”影片剪辑元件，进入影片剪辑元件编辑界面。制作“蜡烛”影片剪辑元件05实践操作02将“蜡烛1”图形元件拖到舞台，在第4帧插入空白关键帧，将“蜡烛2”图形元件拖到舞台，调整两个元件的位置，并延续到第6帧。制作“蜡烛”影片剪辑元件06实践操作03执行“插入/新建元件”命令，或按快捷键【Ctrl+F8】，新建一个“点蜡烛”按钮元件，进入图形元件编辑界面。制作“点蜡烛”按钮元件07实践操作03将“星形”图片拖拽至舞台，调整大小，并利用文本工具，添加“点击我试试!”文字，并适当调整位置。在“指针经过”状态下，插入一个关键帧，将舞台中的“星形”图片和文字，利用“任意变形工具”，进行等比例的缩小；在“按下”状态下，插入一个关键帧，将舞台中的“星形”图片和文字稍微向下移动；在”点击“状态下，插入一个普通帧制作“点蜡烛”按钮元件08实践操作04单击“场景1”按钮，返回主场景，依次创建“背景”、“桌子”、“蛋糕”、“小男孩”、“小女孩”、“按钮”、“动作”、“生日歌”七个图层，将“库”面板中的相应素材放置到对应图层，并调整好位置。制作场景动画09实践操作04在“蛋糕”图层上方，创建“蜡烛”图层。在第2帧上，对“蜡烛”和“按钮”图层分别插入一个空白关键帧，其他图层则插入帧延续。将“库”面板中的“蜡烛”影片剪辑元件，多次拖拽至“蜡烛”图层第2帧上，适当调整各“蜡烛”元件的位置。制作场景动画10实践操作04在按钮图层的第1帧，将点蜡烛元件拖到舞台中，点击第1帧中的“点蜡烛”按钮元件，在属性面板中，将“实例名称”设置为“play_btn”。动作设置11实践操作04选择“动作”图层第1帧，右击，在弹出的快捷菜单中选择“动作”命令，打开“动作-帧”面板。动作设置12实践操作04输入以下代码：stop();//让场景动画停止在第1帧play_btn.addEventListener(MouseEvent.CLICK,a1);//给按钮实例添加事件侦听器functiona1(event:MouseEvent){//定义函数a1 gotoAndPlay(2);//跳转至第2帧播放}动作设置12实践操作04新建“生日歌”图层，并在第2帧上，插入一个空白关键帧。选择“生日歌”图层第2帧，打开属性面板，在声音选项中，选择歌曲“生日歌”。制作场景动画13实践操作04在第10帧，对“动作”图层创建一个空白关键帧，其他图层插入帧延续。制作场景动画14实践操作04选择“动作”图层第10帧，右击，在弹出的快捷菜单中选择“动作”命令，打开“动作-帧”面板，输入代码“stop();”。动作设置15实践操作生日快乐1）addEventListener函数是用来注册侦听器函数的，其两个必需的参数是type和listener。type参数用于指定事件的类型；listener参数用于指定发生事件时将执行的侦听器函数，该参数可以是对函数或类方法的引用。2）对按钮设置动作时，需要在属性面板中设置按钮的实例名称。3）常用的鼠标事件类型：MouseEvent.CLICK//鼠标点击事件MouseEvent.MOUSE_UP//鼠标松开事件MouseEvent.MOUSE_DOWN//鼠标按下事件MouseEvent.MOU