1、實(shí)驗(yàn)一：認(rèn)識Flash AS3.0一、實(shí)驗(yàn)?zāi)康?、 了解Flash AS的含義。2、 掌握在Flash中添加AS的工作環(huán)境。3、 掌握添加AS的不同操作方法。4、 掌握使用Flash幫助系統(tǒng)的方法。5、 制作含AS的Flash動畫。6、 掌握通過在Flash中添加AS完成交互動畫的制作7、 通過實(shí)例掌握控制影片剪輯的方法二、實(shí)驗(yàn)內(nèi)容1、 制作鼠標(biāo)跟隨放大鏡效果2、 制作鼠標(biāo)跟隨五角星動畫3、 圖片載入和顏色透明度動態(tài)修改三、 實(shí)驗(yàn)過程和步驟1 放大鏡特效第一步 打開Flash CS4，新建AS3.0文檔，大小為500×300第二步 導(dǎo)入圖片，和舞臺大小匹配（設(shè)置圖片寬高為500

2、15;300），并選擇水平中齊、垂直中齊第三步 新建命名為“放大鏡”的“圖形”元件， 導(dǎo)入如圖所示的放大鏡。 第四步 新建一個名為“放大圖像”的“影片剪輯”元件，把庫中的圖片拖入第一幀，大小為1000×600，x、y坐標(biāo)為-500、-300第五步 新建名為“遮罩放大鏡”的“影片剪輯”元件，把“放大圖像”元件拖入，并命名該實(shí)例為“zoom”，如圖。第六步 新建圖層2，把“放大鏡”元件拖入該層第七步 在圖層1上新建圖層3，畫一個圓（大小和放大鏡中內(nèi)圓相同，并和圖層2中的放大鏡位置重合），設(shè)置該圖層3為遮罩層。 第八步 選擇主場景，新建圖層2，把“遮罩放大鏡”元件拖入該層第一幀，命名該實(shí)例

3、為“pic”，如圖。第九步 新建圖層3，打開“動作”面板，寫入代碼，如圖。 代碼：stage.addEventListener(MouseEvent.MOUSE_MOVE,ok);function ok(e:MouseEvent):voidpic.x =e.stageX;pic.y =e.stageY;this.pic.zoom.x = 500-2 * pic.x;this.pic.zoom.y = 300-2 * pic.y;第十步 測試并保存。2 隨鼠標(biāo)移動的旋轉(zhuǎn)五角星第一步 新建Flash CS4文檔第二步 新建名為“五角星”的“影片剪輯”元件，畫一個五角星（利用前面學(xué)過的方法美化），同

4、時做一個動畫補(bǔ)間，在第25幀插入關(guān)鍵幀并水平和垂直翻轉(zhuǎn)，順時針旋轉(zhuǎn)1次。第三步 選擇主場景，把“五角星”元件拖入，并命名為“my_mc”，如圖。 第四步 新建圖層2，打開“動作”面板，寫入代碼，如圖。第五步 測試并保存。代碼stage.addEventListener(MouseEvent.MOUSE_MOVE,ok);function ok(event:MouseEvent):voidvar mya:int;mya=Math.random()*10+12;my_mc.x=my_mc.x+(event.stageX-my_mc.x)/mya;my_mc.y=my_mc.y+(event.sta

5、geY-my_mc.y)/mya;3 載入圖片，并動態(tài)改變圖片顏色與透明度第一步 新建Flash CS4文檔，保存。第二步 在圖層1中繪制如圖線條和寫入靜態(tài)文字。第三步 新建圖層2，加入4個名為red_txt、green_txt、blue_txt、alpha_txt的動態(tài)文本，如圖。 第四步 新建名為“滑塊”的“影片剪輯”元件，畫一個矩形，位于舞臺中心，如圖。第五步 把“滑塊”元件拖入4次，實(shí)例名為smooth_red、smooth_green、smooth_blue和smooth_alpha，如圖。 第六步 新建圖層3，改名為AS，加入代碼，如圖。下圖是加載企鵝照片的代碼： 代碼: var

6、urll:URLRequest =new URLRequest("企鵝.jpg");var loader:Loader= new Loader();loader.load(urll);loader.x = 320;loader.y = 50;loader.scaleX = 0.2;loader.scaleY = 0.2;addChild(loader);下圖是紅色滑塊隨鼠標(biāo)移動和停止的代碼：代碼：var rect1:Rectangle =new Rectangle(61.3,78,0,158);smooth_red.addEventListener(MouseEvent.M

7、OUSE_DOWN,dragred);function dragred(e:MouseEvent):voidsmooth_red.startDrag(true,rect1);stage.addEventListener(MouseEvent.MOUSE_UP,stopred);function stopred(e:MouseEvent):void smooth_red.stopDrag();下圖是紅色滑塊隨鼠標(biāo)移動數(shù)據(jù)顯示在紅色的動態(tài)文本中的代碼以及企鵝照片隨紅色滑塊移動改變顏色的代碼：代碼：stage.addEventListener(MouseEvent.MOUSE_MOVE,change

8、txt);function changetxt(event:MouseEvent):void red_txt.text = String(Math.floor(smooth_red.y -108)*255)/90);var color_trans:ColorTransform=new ColorTransform();color_trans.redMultiplier=(smooth_red.y -108)/90;loader.transform.colorTransform =color_trans;第七步 類似填入其它3個滑塊移動的代碼。（代碼中的數(shù)字都和你的圖片大小、滑塊位置以及滑塊影片

9、剪輯有關(guān)）第八步 測試。 全部代碼：var url1:URLRequest=new URLRequest("企鵝.jpg");var loader:Loader=new Loader();loader.load(url1);loader.x=320;loader.y=50;loader.scaleX=0.2;loader.scaleY=0.2;addChild(loader);var rect1:Rectangle=new Rectangle(66,73,0,150);smooth_red.addEventListener(MouseEvent.MOUSE_DOWN,dra

10、gred);function dragred(e:MouseEvent):voidsmooth_red.startDrag(true,rect1);stage.addEventListener(MouseEvent.MOUSE_UP,stopred);function stopred(e:MouseEvent):voidsmooth_red.stopDrag();var rect2:Rectangle=new Rectangle(116,73,0,150);smooth_green.addEventListener(MouseEvent.MOUSE_DOWN,draggreen);functi

11、on draggreen(e:MouseEvent):voidsmooth_green.startDrag(true,rect2);stage.addEventListener(MouseEvent.MOUSE_UP,stopgreen);function stopgreen(e:MouseEvent):voidsmooth_green.stopDrag();var rect3:Rectangle=new Rectangle(166,73,0,150);smooth_blue.addEventListener(MouseEvent.MOUSE_DOWN,dragblue);function d

12、ragblue(e:MouseEvent):voidsmooth_blue.startDrag(true,rect3);stage.addEventListener(MouseEvent.MOUSE_UP,stopblue);function stopblue(e:MouseEvent):voidsmooth_blue.stopDrag();var rect4:Rectangle=new Rectangle(173,260,150,0);smooth_alpha.addEventListener(MouseEvent.MOUSE_DOWN,dragalpha);function dragalp

13、ha(e:MouseEvent):voidsmooth_alpha.startDrag(true,rect4);stage.addEventListener(MouseEvent.MOUSE_UP,stopalpha);function stopalpha(e:MouseEvent):voidsmooth_alpha.stopDrag();stage.addEventListener(MouseEvent.MOUSE_MOVE,changetxt);function changetxt(event:MouseEvent):voidvar color_trans:ColorTransform=new ColorTransform();red_txt.text=String(Math.floor(smooth_red.y-73)*255/150);color_trans.redMultiplier=(smooth_red.y-72.7)/150;green_txt.text=String(Math.floor(smooth_green.y-73)*255/150);color_trans.greenMultiplier=(smooth_green.y-73)/150;blue_txt.text=String(Math.floor(smooth_blue.y-73