教学目的：通过本节教学了解和掌握通过as编程打造极光背景和单曲mp3播放器的原理方法和操作过程。
教学对象：本教材是针对有一定动画制作基础及对工具箱、属性面板和动作面板有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：空白影片、链接属性、动作面板、as语句。
作前准备
准备一首mp3规格的歌曲绝对地址，放到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为550*400，帧频36，背景颜色随意，其它默认,点击确定，进入场景1。 如图1所示：
图1
3.创建影片剪辑元件
（1）选择“插入－新建元件”，建立一个名为“音符”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层，
选择图层1第1帧，用椭圆形工具在舞台拖一个规格为100*100的无边线的正圆，颜色随意。全居中。如图2所示：
图2
再在正圆的两侧画两个音符，规格、颜色、形状自定。如图3所示：
图3
打开库，右键库中的该影片剪辑图标－链接，打开其链接属性面板，填写其标识符为：circle 。其它参数设置，如图4所示：
图4
（2）选择“插入－新建元件”，建立一个名为“空白”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层，
该影片剪辑没有任何内容，纯空。其时间轴，如图5所示：
图5
（3）选择“插入－新建元件”，建立一个名为“播放器”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层，改图层1为as。
选择as图层第1帧，按钮f9，打开动作面板，在as编辑区输入，如下帧语句：
fscommand("fullscreen", false);
fscommand("allowscale", false);
fscommand("showmenu", false);
my_sound = new Sound();
my_sound.loadSound("
http://www1.99xieshou.com/UploadFile/2010-2/2010231050191209.mp3", true);
my_sound.start();
my_sound.onSoundComplete = function() {
my_sound.start();
};
this.createEmptyMovieClip("xing_mc", 1);
with (xing_mc) {
beginFill(0x009900);
moveTo(46, 11);
lineTo(100, 11);
lineTo(100, 12);
lineTo(46, 12);
lineTo(46, 11);
endFill();
}
this.createEmptyMovieClip("drag_mc", 3);
with (drag_mc) {
beginFill(0x008800);
moveTo(46, 3);
lineTo(50, 3);
lineTo(50, 12);
lineTo(46, 12);
lineTo(46, 3);
endFill();
}
left = drag_mc._x;
right = left+50;
top = drag_mc._y;
bottom = drag_mc._y;
drag_mc._x = my_sound.getVolume();
drag_mc._x = 50;
drag_mc.onPress = function() {
this.startDrag(false, left, top, right, bottom);
};
drag_mc.onRelease = drag_mc.onReleaseOutside=function () {
stopDrag();
my_sound.setVolume((this._x)*2);
};
pause_mc._visible = 1;
play_mc._visible = 0;
this.createEmptyMovieClip("play_mc", 4);
with (play_mc) {
beginFill(0x008800);
moveTo(5, 3);
lineTo(14, 7.5);
lineTo(5, 12);
lineTo(5, 3);
endFill();
}
play_mc.onRelease = function() {
my_sound.start(time);
this._visible = 0;
pause_mc._visible = 1;
};
this.createEmptyMovieClip("stop_mc", 5);
with (stop_mc) {
beginFill(0x008800);
moveTo(25, 3);
lineTo(34, 3);
lineTo(34, 12);
lineTo(25, 12);
lineTo(25, 3);
endFill();
}
stop_mc.onRelease = function() {
my_sound.stop();
pause_mc._visible = 0;
play_mc._visible = 1;
time=0
};
this.createEmptyMovieClip("pause_mc", 6);
with (pause_mc) {
beginFill(0x008800);
moveTo(5, 3);
lineTo(14, 3);
lineTo(14, 12);
lineTo(5, 12);
lineTo(5, 3);
endFill();
beginFill(0x000000);
moveTo(8, 3);
lineTo(11, 3);
lineTo(11, 12);
lineTo(8, 12);
lineTo(8, 3);
endFill();
}
pause_mc.onRelease = function() {
this._visible = 0;
play_mc._visible = 1;
my_sound.stop();
time = my_sound.position/1000;
};
this.createTextField("shijian_txt", 7, 112, -2, 100, 20);
shijian_txt.textColor = 0x009900;
shijian_txt.autoSize = true;
onEnterFrame = function () {
var totalseconds:Number = my_sound.duration/1000;
var minutes:Number = Math.floor(totalseconds/60);
var seconds = Math.floor(totalseconds)%60;
if (seconds<10) {
seconds = "0"+seconds;
}
var playedseconds:Number = my_sound.position/1000;
var minutesed:Number = Math.floor(playedseconds/60);
var secondsed = Math.floor(playedseconds)%60;
if (secondsed<10) {
sec+secondsed;
}
shijian_txt.text = minutesed+"："+secondsed+"—"+minutes+"："+seconds+"（草原花－晓月）";
};
*脚本中的红色部分为你作前准备的mp3歌曲绝对地址。其时间轴，如图6所示：
图6
5.组织编辑场景
返回场景1，添加一个图层，共两个图层。自下而上命名为极光、播放器。
(1)选择极光图层第一帧，从库中拖出“空白”影片剪辑元件到舞台，全居中。如图7所示：
图7
点击该实例，按f9，打开动作面板，在as编辑区输入，如下影片指令语句：
onClipEvent (load) {
Circles = new Array();
Colors = new Array();
Hues = new Array(12255343, 16750848, 16763904, 10080767, 13762457, 8978392, 9795583, 16737938);
maxLoops = 15;
numLoops = 8;
t = 0;
for (i=0; i<maxLoops; i++) {
Colors[i] = new Color("_parent.bar"+i);
Colors[i].setRGB(Hues[i]);
setProperty("_parent.bar"+i, _yscale, 0);
}
for (i=0; i<numLoops; i++) {
attachMovie("circle", "C"+i, i);
Colors[i] = new Color("C"+i);
Colors[i].setRGB(Hues[i]);
Circles[i] = new Object();
Circles[i].radius = 250-i*15;
Circles[i].orbit = i*30+15;
Circles[i].r2 = Circles[i].radius*Circles[i].radius*10;
Circles[i].f1 = Math.random()*40+40;
Circles[i].f2 = Math.random()*40+40;
Circles[i].f3 = Math.random()*40+40;
Circles[i].f4 = Math.random()*40+40;
Circles[i].p1 = Math.random()*6.280000E+000;
Circles[i].p2 = Math.random()*6.280000E+000;
Circles[i].p3 = Math.random()*6.280000E+000;
Circles[i].p4 = Math.random()*6.280000E+000;
setProperty("C"+i, _xscale, Circles[i].radius);
setProperty("C"+i, _yscale, Circles[i].radius);
}
for (i=0; i<numLoops; i++) {
Sounds[i].start(0, 999);
Sounds[i].setVolume(0);
}
}
onClipEvent (enterFrame) {
for (i=0; i<numLoops; i++) {
Circles[i].x = Math.sin(t/Circles[i].f1+Circles[i].p1)*Math.sin(t/Circles[i].f2+Circles[i].p2)*Circles[i].orbit*1.200000E+000;
Circles[i].y = Math.sin(t/Circles[i].f3+Circles[i].p3)*Math.sin(t/Circles[i].f4+Circles[i].p4)*Circles[i].orbit;
setProperty("C"+i, _x, Circles[i].x);
setProperty("C"+i, _y, Circles[i].y);
dx = _xmouse-Circles[i].x;
dy = _ymouse-Circles[i].y;
d = dx*dx;
d = d+dy*dy;
mix = Circles[i].r2/d;
if (mix>70) {
mix = 70;
}
Sounds[i].setVolume(mix);
setProperty("_parent.bar"+i, _yscale, mix);
}
++t;
}
锁定该图层。
(2)选择播放器图层第一帧，从库中拖出“播放器”影片剪辑元件到舞台，将其放置在舞台的下部右侧适当位置。上锁。如图8所示：
图8
6.本作业完成后时间轴显示如图9所示：
图9
7.测试存盘
*说明：
音符影片剪辑元件没有进入场景，其效果是通过其链接属性和空白影片剪辑元件的指令语句来实现的。
最终效果显示：
http://www.hsb2011.com/Article/UploadFiles/201204/2012042210462436.swf全屏下载祝你成功！
