Flash动画实战精选–音乐播放器.doc

音乐播放器 实例说明 制作在同一电影中控制多个背景音效的播放器。 有关知识 导入点阵图， tell atrget和stop all sounds命令的应用，控制音效的循环播放。 制作过程 步骤1：打开Flash，新建电影文件，设置尺寸：235px*100px，背景颜色为黑色(#000000)。 截取winamp的面板图，用图像工具处理后导入Flash中，并将其转换为图像符号bg，在场景中新建bg层，帧长度为4，将图像符号bg放置在bg层中作为背景，使用缩放工具，将图像bg大小调整到和舞台大小相同。如图1。 图1 截取winamp面板 步骤2：新建电影片段music，制作面板的音效输出指示器，当音效打开时，指示器小灯闪烁；当音效关闭时，指示器小灯关闭。具体做法不再详述，大家可参考电影源程序。如图2所示。 步骤3：新建隐形按钮bu，在状态over处设置一个音效，在hit帧绘制一个大小和面板播放按钮相同的实心矩形，如图3所示。 步骤4：新建电影片段mv-text，建立三个关键帧，Actions都设置为停止（stop），在三个帧处分别用文字工具写入1.track1.wav，2.track2.wav，3.track3.wav，调整文字大小和字体，分别表示三个背景音效的名称。如图4所示。 图2音效指示器 ? 3有音效的隐形按钮?????????????????????? 图4电影片段mv-text? 步骤5：截取winamp面板播放进度指示器 并导入Flash中。新建电影片段mv-amp，第1帧为空白关键帧，Actions设置为停止(stop)，第2帧设置为关键帧，将图像 放置在工作区内，按F6在第50帧处建立关键帧，将 水平移动大约190px，如图5所示。 5移动的滑标 第50帧的Actions设置为： gotoAndPlay (2); //跳至并播放帧(2) ??? 在Frame面板将第2帧与第50帧之间设置为移动渐变(Motion)，如图6所示。 图6设置移动渐变 ??? 步骤6：导入3段音效作为背景音效，分别命名为1，2，3。新建电影片段sound1，设置帧长度大约100帧。在第1帧处的Actions设置为stop (停止)，在第5帧处通过Sound面板设置音效，如图7所示。 图7设置音效 同样，新建电影片段sound2， sound3设置方法同sound1， 分别控制背景音效2， 3的播放。 步骤7：新建只有两个帧的电影片段mv-play1，第1帧设置为空白帧，Actions设置为stop，第2帧设置为关键帧，将按钮bu放置在工作区内，对齐中心点，Actions设置为stop，为了看清效果，暂时将背景设置为白色，如图8所示。 同样，新建电影片段mv-play2和mv-play3，设置方法同mv-play1。 步骤8：新建只有两个帧的电影片段mv-stop1，第1帧的Actions设置为stop，将按钮bu放置在工作区和中心点对齐；第2帧设置为空白帧，Actions设置为stop，如图9所示。 同样，新建电影片段mv-stop2和mv-stop3，设置方法同上。 步骤9：回到场景1中，新建层movie，将电影片段music放置在层中，和bg的音效输出指示器位置对齐，在属性面板中将其命名为music，用它来显示背景音效的开关状态。如图10所示。 图8电影片段mv-play1 图9电影片段mv-stop1 图10命名电影片段music 步骤10：新建层sound，将电影片段sound1，sound2，sound3放置在层中，并将其分别命名为sound1，sound2和sound3。 步骤11：新建层amp，将电影片段mv-amp放置在层中，在Instance面板中将其命名为amp，并和bg的原播放进度指示器位置对齐。 步骤12：新建层text，将电影片段mv-text放置在层中，在Instance面板中命名为text，并和bg的原曲目指示框对齐，用来指示目前正在播放/停止的曲目。如图11所示。 图11显示目前正在播放/停止的曲目 步骤13：新建层Actions，第2，3，4帧分别设置为空白关键帧，Actions分别为： 第2帧： stop (); stopAllSounds (); tellTarget (/sound1) { ??? gotoAndPlay (5); } tellTarget (/music) { ??? gotoAndPlay (track1); } tellTarget (/amp) { ??? gotoAndPlay (2); } 停止 停止所有声音 告知目标(“/sound1”) 跳至并播放帧(5) 告知目标(“/music”) 跳至并播放标签(“track1”) 告