电子读物交互动画设计

AdobeFlashCS6ActionScript3.0语法多媒体编程01：幻灯片的设计与编程第一页：背景图片和按钮的设置第1课：学习编程指令（gotoAndStop）：跳转第二页：背景图片和按钮的设置背景图片和按钮的设置stop();mc01.addEventListener(MouseEvent.CLICK,page02);functionpage02(me:MouseEvent){ this.gotoAndStop(2);}mc02.addEventListener(MouseEvent.CLICK,page03);functionpage03(me:MouseEvent){ this.gotoAndStop(3);}mc03.addEventListener(MouseEvent.CLICK,page04);functionpage04(me:MouseEvent){ this.gotoAndStop(4);}说明：黑色是自己命名的对象；蓝色是编程函数。跳转到第二帧跳转到第三帧跳转到第四帧文稿层第1帧ɑ的编程指令（gotoAndStop）：跳转文稿层第2~4帧ɑ的编程指令（gotoAndStop）：跳转（回）mc04.addEventListener(MouseEvent.CLICK,page2_1);functionpage2_1(me:MouseEvent){ this.gotoAndStop(1);}文稿层第2帧文稿层第3帧文稿层第4帧mc05.addEventListener(MouseEvent.CLICK,page3_1);functionpage3_1(me:MouseEvent){ this.gotoAndStop(1);}mc06.addEventListener(MouseEvent.CLICK,page4_1);functionpage4_1(me:MouseEvent){ this.gotoAndStop(1);}第2课：学习编程指令（gotoAndPlay）：选择播放（动画）背景图片和按钮的设置stop();mc01.addEventListener(MouseEvent.CLICK,play_mc01);function

play_mc01(me:MouseEvent){ this.gotoAndPlay("飞鸟动画");}mc02.addEventListener(MouseEvent.CLICK,play_mc02);function

play_mc02(me:MouseEvent){ this.gotoAndPlay("飞机动画");}说明：黑色是自己命名的对象；蓝色是编程函数。

红色是功能函数；绿色是帧标记。第3课：学习编程指令（nextSence）：选择进入（场景，栏目）stop();

next_btn.addEventListener(MouseEvent.CLICK,next_scene);function

next_scene(me:MouseEvent){ nextScene();}back_btn.addEventListener(MouseEvent.CLICK,back_scene);function

back_scene(me:MouseEvent){ prevScene();}说明：黑色是自己命名的对象；蓝色是编程函数。

红色是功能函数。第4课：学习编程指令（nextFrame）：进入（连续图片）stop();left_btn.addEventListener(MouseEvent.CLICK,frame_prev);function

frame_prev(me:MouseEvent){ this.prevFrame();}right_btn.addEventListener(MouseEvent.CLICK,frame_next);function

frame_next(me:MouseEvent){ this.nextFrame();}说明：黑色是自己命名的对象；蓝色是编程函数。

红色是功能函数。编程指令（nextFrame）：进入（连续图片）：按钮动作不循环stop();left_btn.addEventListener(MouseEvent.CLICK,frame_prev);function

frame_prev(me:MouseEvent){

if(this.currentFrame<=1){ gotoAndStop(9); }else{ this.prevFrame();}}right_btn.addEventListener(MouseEvent.CLICK,frame_next);function

frame_next(me:MouseEvent){

if(this.currentFrame>=9){ gotoAndStop(1); }else{ this.nextFrame();}}编程指令（nextFrame）：进入（连续图片）：按钮动作循环添加条件参数添加条件参数第5课：学习编程指令（obj_mc.stop）：鼠标移入/移出：播放-停止（影片剪辑）//动画影片初始设定，影片片段停止播放mc_dog.stop();//鼠标指针移入，影片剪辑开始播放mc_dog.addEventListener(MouseEvent.MOUSE_OVER,mouse_in);functionmouse_in(me:MouseEvent){ this.mc_dog.play();}//鼠标指针移出，影片片段停止播放mc_dog.addEventListener(MouseEvent.MOUSE_OUT,mouse_out);functionmouse_out(me:MouseEvent){ this.mc_dog.stop();} 第6课：学习编程指令（play，stop）：播放-停止（影片剪辑）play_btn.addEventListener(MouseEvent.CLICK,obj_move);functionobj_move(me:MouseEvent){ this.play(); this.fish.play();}

stop_btn.addEventListener(MouseEvent.CLICK,obj_stop);functionobj_stop(me:MouseEvent){ this.stop();}stop2_btn.addEventListener(MouseEvent.CLICK,obj2_stop);functionobj2_stop(me:MouseEvent){ this.fish.stop();}停止影片剪辑播放影片剪辑停止流程对象第7课：多媒体视频控制：视频组件和音乐控制（SoundMixer.stopAll）stop();SoundMixer.stopAll();mc_btn1.addEventListener(MouseEvent.CLICK,page02);functionpage02(me:MouseEvent){ this.gotoAndStop(2);}mc_btn2.addEventListener(MouseEvent.CLICK,page03);functionpage03(me:MouseEvent){ this.gotoAndStop(3);}mc_btn3.addEventListener(MouseEvent.CLICK,page04);functionpage04(me:MouseEvent){ this.gotoAndStop(4);}mc_btn4.addEventListener(MouseEvent.CLICK,page05);functionpage05(me:MouseEvent){ this.gotoAndStop(5);}第1帧ɑ的编程指令（gotoAndStop）和停止音乐（SoundMixer.stopAll）第2~4帧ɑ的编程指令（gotoAndStop）和继续（nextFrame）stop();left_btn.addEventListener(MouseEvent.CLICK,page_01);functionpage_01(me:MouseEvent){ this.gotoAndStop(1);}right_btn.addEventListener(MouseEvent.CLICK,page_03);functionpage_03(me:MouseEvent){ nextFrame(); }第2帧第3帧第4帧第5帧重复此过程（需要修改page_01~03参数）第8课：多媒体音乐控制：代码片段和音乐控制（SoundChannel）库音乐必须设置为ActionScript可导出的形式mc_btn1.addEventListener(MouseEvent.CLICK,fl_ClickToPlayStopSound_3);varfl_SC_3:SoundChannel;varfl_ToPlay_3:Boolean=true;functionfl_ClickToPlayStopSound_3(evt:MouseEvent):void{ if(fl_ToPlay_3) {vars:Sound=newSound(newURLRequest("music_01.mp3"));

fl_SC_3=s.play(); } else {

fl_SC_3.stop(); }

fl_ToPlay_3=!fl_ToPlay_3;}第9课：多媒体音乐控制：设计动态水波纹音乐控制按钮（SoundChannel）mc_wave.stop();mc_play.addEventListener(MouseEvent.CLICK,fl_ClickToPlayStopSound);varfl_SC:SoundChannel;functionfl_ClickToPlayStopSound(evt:MouseEvent):void{ vars:Sound=newSound(newURLRequest("music_01.mp3")); fl_SC=s.play(); mc_wave.play();}mc_stop.addEventListener(MouseEvent.CLICK,fl_ClickToStopAllSounds);functionfl_ClickToStopAllSounds(event:MouseEvent):void{ SoundMixer.stopAll(); mc_wave.gotoAndStop(1);}第10课：图片浏览器：设计图片相册控制按钮（myLoader.load(urlReq);）varmyLoader:Loader=newLoader();loadPic("01");a_btn.addEventListener("click",chgId);b_btn.addEventListener("click",chgId);c_btn.addEventListener("click",chgId);d_btn.addEventListener("click",chgId);e_btn.addEventListener("click",chgId);f_btn.addEventListener("click",chgId);g_btn.addEventListener("click",chgId);h_btn.addEventListener("click",chgId);functionchgId(me:MouseEvent){ myLoader.unload(); switch(){ case"a_btn":loadPic("01");break; case"b_btn":loadPic("02");break; case"c_btn":loadPic("03");break; case"d_btn":loadPic("04");break; case"e_btn":loadPi