实验一FlashAS30.docVIP

实验一：认识Flash AS3.0 一、实验目的 了解Flash AS的含义。 掌握在Flash中添加AS的工作环境。 掌握添加AS的不同操作方法。 掌握使用Flash帮助系统的方法。 制作含AS的Flash动画。 掌握通过在Flash中添加AS完成交互动画的制作 通过实例掌握控制影片剪辑的方法 二、实验内容 制作鼠标跟随放大镜效果 制作鼠标跟随五角星动画 图片载入和颜色透明度动态修改 实验过程和步骤 1 放大镜特效 打开Flash CS4，新建AS3.0文档，大小为500×300 导入图片，和舞台大小匹配（设置图片宽高为500×300），并选择水平中齐、垂直中齐 新建命名为“放大镜”的“图形”元件， 导入如图所示的放大镜。 新建一个名为“放大图像”的“影片剪辑”元件，把库中的图片拖入第一帧，大小为1000×600，x、y坐标为-500、-300 新建名为“遮罩放大镜”的“影片剪辑”元件，把“放大图像”元件拖入，并命名该实例为“zoom”，如图。 新建图层2，把“放大镜”元件拖入该层 在图层1上新建图层3，画一个圆（大小和放大镜中内圆相同，并和图层2中的放大镜位置重合），设置该图层3为遮罩层。 选择主场景，新建图层2，把“遮罩放大镜”元件拖入该层第一帧，命名该实例为“pic”，如图。 新建图层3，打开“动作”面板，写入代码，如图。 代码：stage.addEventListener(MouseEvent.MOUSE_MOVE,ok); function ok(e:MouseEvent):void { pic.x =e.stageX; pic.y =e.stageY; this.pic.zoom.x = 500-2 * pic.x; this.pic.zoom.y = 300-2 * pic.y; } 2 随鼠标移动的旋转五角星 新建Flash CS4文档 新建名为“五角星”的“影片剪辑”元件，画一个五角星（利用前面学过的方法美化），同时做一个动画补间，在第25帧插入关键帧并水平和垂直翻转，顺时针旋转1次。 选择主场景，把“五角星”元件拖入，并命名为“my_mc”，如图。 新建图层2，打开“动作”面板，写入代码，如图。 测试并保存。 代码 stage.addEventListener(MouseEvent.MOUSE_MOVE,ok); function ok(event:MouseEvent):void { var 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.stageY-my_mc.y)/mya; } 载入图片，并动态改变图片颜色与透明度 新建Flash CS4文档，保存。 在图层1中绘制如图线条和写入静态文字。 新建图层2，加入4个名为red_txt、green_txt、blue_txt、alpha_txt的动态文本，如图。 新建名为“滑块”的“影片剪辑”元件，画一个矩形，位于舞台中心，如图。 把“滑块”元件拖入4次，实例名为smooth_red、smooth_green、smooth_blue和smooth_alpha，如图。 新建图层3，改名为AS，加入代码，如图。 下图是加载企鹅照片的代码： 代码: var 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); 下图是红色滑块随鼠标移动和停止的代码： 代码：var rect1:Rectangle =new Rectangle(61.3,78,0,158); smooth_red.addEventListener(MouseEvent.MOUSE_DOWN,dragred); function dragred(e:MouseEvent):void { smooth_red.startDrag(true,rect1); } stage.addEventListener(MouseEvent.MOUSE_UP,stopred); function stopred(e:MouseEvent):void { smooth_red.stopDrag(); } 下图是红色滑块随鼠标移动数据显示在红色的动态文