实验一__Flash_AS30综述

1、实验一：认识Flash AS3.0一、实验目的1、了解Flash AS的含义。2、掌握在Flash中添加AS的工作环境。3、掌握添加AS的不同操作方法。4、掌握使用Flash帮助系统的方法。5、制作含 AS的Flash动画。6、掌握通过在Flash中添加AS完成交互动画的制作7、通过实例掌握控制影片剪辑的方法二、实验内容1、制作鼠标跟随放大镜效果2、制作鼠标跟随五角星动画3、图片载入和颜色透明度动态修改三、实验过程和步骤1放大镜特效第一步 打开Flash CS4，新建 AS3.0文档，大小为 500X 300第二步 导入图片，和舞台大小匹配（设置图片宽高为 500X 300），并选择水平中齐、

2、 垂直中齐第三步 新建命名为“放大镜”的“图形”元件，导入如图所示的放大镜。第四步 新建一个名为“放大图像”的“影片剪辑”元件，把库中的图片拖入第一帧，大小为 1000 X 600, x、y 坐标为-500、-300第五步 新建名为“遮罩放大镜”的“影片剪辑”元件，把“放大图像”元件拖入, 并命名该实例为“ zoom”，如图。第六步 新建图层2,把“放大镜”元件拖入该层第七步 在图层1上新建图层3,画一个圆（大小和放大镜中内圆相同，并和图层2中的放大镜位置重合），设置该图层3为遮罩层。11第八步 选择主场景，新建图层 2,把“遮罩放大镜”元件拖入该层第一帧，命名该实例为"pic ”，

3、如图。團片凰辑第九步 新建图层3,打开“动作”面板，写入代码，如图。10pic- x = ie stageX,11i>ic¥ = & stage!.12zoom= 500 一 2 * pic*;13thisr pic, zoom, y = 300 - 2 * pic-y;7si蟹匕 adidExntListenier (louseEvent. KOUSEOVE ok);Sfunctian ok le：KauseEven.t):void914代码：stage.addEve ntListe ner(MouseEve nt.MOUSE_MOVE,ok);function ok

4、(e:MouseEve nt):voidpic.x =e.stageX;pic.y =e.stageY;this.pic.zoom.x = 500-2 * pic. x;this.pic.zoom.y = 300-2 * pic.y;第十步测试并保存。Fl ±A MiE:< AM iLMD 时髀 *¥1Ti d>知心 M1O1 Wdi：Di *0;朗 VJeihiftTW ,邹>1 阿gpdcbuUcc-daafatHrupdaiiwni;FocrubihPxjariaiwra-f janirukdifivjJDB-. F jO3 rtrc bhtLI h

5、 FLcm riro h>pr?g fh ，- %3呻3 Mffll-3 ESf|m档Hi日幺】-IS «1 ri mi. JjEwitLLBtarME lilvxiaE?vim-Hli££_.E1 d 2 zuirtm DkazIkrjagEYariR I ：-rtxd 勺I Epitaj "4i(.pg，F Nu « s?iT. rhLs. pi4>. mo.r = 5W-f « pjo-M. 4M.Fi wo*. F = ?W-f 曲 IBa：i - 耳亍n卄 工刿.14Ustnvii/lT2随鼠标移动的旋转五角星第

6、一步 新建Flash CS4文档第二步 新建名为“五角星”的“影片剪辑”元件，画一个五角星（利用前面学过的方法美化），同时做一个动画补间，在第25帧插入关键帧并水平和垂直翻转，顺时针旋转 1次。第三步 选择主场景，把“五角星”元件拖入，并命名为“my_mc，如图。my mc匡片am克帥五吊星ste. addfiv*EfvtLi£：tmiEr UHEv!Ent. HOUSE1OVEP 血; fixLc t i m dk (event! 口ujeEvnil):辛口idvar iryolint;na = N ath. racidnn (J * 10 f 12：n_DK-1 =nv_Dc_

7、i + (evttlt - £t-aieX - ray_>=. 1) /nya. nyjM. y = njK.y + (event, stage?-nvjc.yj/msra;1第四步 新建图层2,打开“动作”面板，写入代码，如图。第五步测试并保存。代码stage.addEve ntListe ner(MouseEve nt.MOUSE_MOVE,ok); function ok(eve nt:MouseEve nt):voidvar mya:i nt;mya=Math.ra ndom()*10+12;my mc.x=my mc.x+(event.stageX-my mc.x)/

8、mya;my_mc.y=my_mc.y+(eve nt.stageY-my_mc.y)/mya;Fl S*4A iHhE-< «B：V) HAiti 赵网 *¥lTl 血斜空 MlOl -JKA：Ci -BO；> If宝 l 旳Am i旦圍®旦回EE旦回«®旦回31r 11 3fSja目 ES L ： If 1 宫首»is；1vu ri! 3rtf.ROfhrlki c4DdX«i：l«IWlE.憾” K=V_fel. K+<e<Wi：. *1峙占PX 丄乩 gH-<mwr. in n

9、eT-<u-Hiw.-IS KH 981:1 7 Ifl 金 Brr> I «3tq:L4H，出 43 载入图片，并动态改变图片颜色与透明度第一步 新建Flash CS4文档，保存。第二步 在图层1中绘制如图线条和写入静态文字。第三步 新建图层 2,加入 4 个名为 red_txt、green_txt、blue_txt 、alpha_txt逶明度I II I的动态文本，如图。第四步 新建名为“滑块”的“影片剪辑”元件，画一个矩形，位于舞台中心，如图。第五步 把“滑块”元件拖入4次，实例名为 smooth red、smooth green、smooth_blue 禾口 sm

10、ooth_alpha，如图。h 1smooth alphab *冥例:歆透明虞LLJ第六步 新建图层3,改名为AS,加入代码，如图。下图是加载企鹅照片的代码：5 var urll: URLRequest = new URLRe quest (企鹅 jpg"); var 1o ad er:L o aderLoader 0;7 loader, load(urll);8 loader, x 二 320;loader* y = 50,1'. loader. scaleX = 0 2;11 loader呂qnIeY 二 Ck 2;12 addChi 1 d (1 oader);代码：v

11、ar urll:URLRequest =new URLRequest(”企鹅.jpg");var loader:Loader= new Loader。；loadero ad(urll);loader.x = 320;loader.y = 50;loader.scaleX = 0.2;loader.scaleY = 0.2;addChild(loader);F图是红色滑块随鼠标移动和停止的代码:var recti:Rectangle = new Rectangle(61.78., 0,158); /$ 和位smooth_red. addEventLi stener (MouseEven

12、t. MOUSE_DOWN, dragred); function dragredte:MouseEvent):voidsiocoth_red. startDrag(true, recti);stage, addEventLi st ener(MouseEvent. MOUSEUP, stopred); function stopred(e:MouseEvent):void smooth_red. stopDrag 0 ; 代码：var rect1:Recta ngle =n ew Recta ngle(61.3,78,0,158);smooth_red.addEve ntListe ner(

13、MouseEve nt.MOUSE_DOWN,dragred);function dragred(e:MouseEve nt):voidsmooth_red.startDrag(true,rect1);stage.addEve ntListe ner(MouseEve nt.MOUSE_UP,stopred);function stopred(e:MouseEve nt):voidsmooth_red.stopDrag();下图是红色滑块随鼠标移动数据显示在红色的动态文本中的代码以及企鹅照片随红色滑块移动改变颜色的代码：stage, addE vent L i s t ener (HI ous

14、eE vent. MOUSE JO VE, chan託txt);function changetxt (event iNouseEvent ):void31 32 red_txt. text = String (Nath, floor (smooth_rely - 108)*255) /90); var c ol or_ t r ans ； C o 1 orTrans fornFnew ColorTransformO, color.trans. redlultiplier = (smooth_reiy - 108)/90;loader. tTan日foTin uulcrTTansfciTin

15、二 color_trans;36 )_代码：stage.addEve ntListe ner(MouseEve nt.MOUSE_MOVE,cha ngetxt);function cha ngetxt(eve nt:MouseEve nt):voidred_txt.text = Stri ng(Math.floor(smooth_red.y -108)*255)/90);var color_tra ns:ColorTra nsform=new ColorTra nsform();color_tra ns.redMultiplier=(smooth_red.y -108)/90;loader.

16、tra nsform.colorTra nsform =color_tra ns;第七步类似填入其它 3个滑块移动的代码。（代码中的数字都和你的图片大小、滑块位置以及滑块影片剪辑有关）腕明宦 i 1 I 1 I 1 1 1 i 第八步测试。全部代码：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(load

17、er);var rect1:Recta ngle=new Recta ngle(66,73,0,150); smooth_red.addEve ntListe ner(MouseEve nt.MOUSE_DOWN,dragred); function dragred(e:MouseEve nt):voidsmooth_red.startDrag(true,rect1);stage.addEve ntListe ner(MouseEve nt.MOUSE_UP,stopred);function stopred(e:MouseEve nt):voidsmooth_red.stopDrag();v

18、ar rect2:Rectangle=new Rectangle(116,73,0,150);smooth_green.addEventListener(MouseEvent.MOUSE_DOWN,draggreen); function draggreen(e:MouseEvent):voidsmooth_green.startDrag(true,rect2);stage.addEventListener(MouseEvent.MOUSE_UP,stopgreen);function stopgreen(e:MouseEvent):voidsmooth_green.stopDrag();va

19、r rect3:Rectangle=new Rectangle(166,73,0,150);smooth_blue.addEventListener(MouseEvent.MOUSE_DOWN,dragblue); function dragblue(e:MouseEvent):voidsmooth_blue.startDrag(true,rect3);stage.addEventListener(MouseEvent.MOUSE_UP,stopblue);function stopblue(e:MouseEvent):voidsmooth_blue.stopDrag();var rect4:

20、Rectangle=new Rectangle(173,260,150,0);smooth_alpha.addEventListener(MouseEvent.MOUSE_DOWN,dragalpha);function dragalpha(e:MouseEvent):voidsmooth_alpha.startDrag(true,rect4);stage.addEventListener(MouseEvent.MOUSE_UP,stopalpha); function stopalpha(e:MouseEvent):voidsmooth_alpha.stopDrag();stage.addE

21、ventListener(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)*

22、255/150);color_trans.greenMultiplier=(smooth_green.y-73)/150;blue_txt.text=String(Math.floor(smooth_blue.y-73)*255/150);color_trans.blueMultiplier=(smooth_blue.y-73)/150;alpha_txt.text=String(Math.floor(smooth_alpha.x-173)*255/150);color_trans.alphaMultiplier=(smooth_alpha.x-173)/150;Fl KIA iMiE> B：巧&am