软件开发培训班 >> 创意设计 >> Flash


Flash方块动画特效制作

　　 动机如下：

Flash方块动画特效制作

　　1.新建一个flash Actionscript 3 大小为500×300px，背景黑色 。

　　2.在场景里， 使用矩形工具(G)，设置边框宽3px;画一个正方形大小个40×40px;

Flash方块动画特效制作2

　　3.将这个正方形上点右键，转换元件(为电影剪辑)；注册设置为 核心；

Flash方块动画特效制作3

　　4. 取舍元件，右键>链接；设置类为MyBox；

Flash方块动画特效制作4

　　5.回到场景中删除正方形；新建一个Actionscript文件并输入下面代码：

　　　package {

　　　import flash.display.MovieClip;

　　　public class MyBox extends MovieClip {

　　　 //这是方块的3d坐标

　　　 public var xpos3D:Number = 0;

　　　 public var ypos3D:Number = 0;

　　　 public var zpos3D:Number = 0;

　　　 public function MyBox() {

　　　 }

　　　}

　　}

　　另存为MyBox.as， 留神存在flash文件的同一路径内，

　　6.返回主场景，在第一帧中插入下列代码：

　　//立体场景纵深

　　const MAXIMUM_Z:Number = 500;

　　//方块数量

　　const NUMBER_OF_BOXES:Number = 15;

　　// 缔造一个包括方块的数组；

　　var boxes:Array = new Array();

　　//视图焦距设置

　　var focalLength:Number = 300;

　　//Vanishingpoint是方块消逝点；

　　var vanishingPointX:Number = stage.stageWidth / 2;

　　var vanishingPointY:Number = 20;

　　//3D方块底边位置

　　var floor:Number = 80;

　　//第一个方块深度

　　var startingDepth:Number = MAXIMUM_Z;

　　//盒子中间的z 间隔值

　　var zDistance:Number = 50;

　　//这个循环为由远到近的方块定位

　　for (var i=0; i < NUMBER_OF_BOXES; i++) {

　　　var box:MyBox = new MyBox();

　　　box.xpos3D = 0;

　　　box.ypos3D = floor;

　　　box.zpos3D = startingDepth;

　　　//更新方块的深度；

　　　startingDepth -= zDistance;

　　　// 使用角度公式计算缩放比例；

　　　var scaleRatio = focalLength/(focalLength + box.zpos3D);

　　　//缩放坐标比例；

　　　box.scaleX=box.scaleY=scaleRatio;

　　　//将方块定位到场景中(由3d到2d转换)

　　　box.x=vanishingPointX+box.xpos3D*scaleRatio;

　　　box.y=vanishingPointY+box.ypos3D*scaleRatio;

　　　//将方块放入数组

　　　boxes.push(box);

　　　//将方块加入场景

　　　addChild(box);

　　}

　　在菜单中 取舍调试>测试场景 动机如下:

Flash方块动画特效制作7

　　7.在以上代码后插入如下代码，用于产 活泼画；

　　　//用ENTER_FRAME事件加入动画函数

　　addEventListener(Event.ENTER_FRAME, enterFrameHandler);

　　//每一帧都调用这个函数

　　function enterFrameHandler(e:Event):void {

　　　for (var i=0; i < NUMBER_OF_BOXES; i++) {

　　　 //将box变为 部分变量

　　　 var box:MyBox = (MyBox)(boxes[i]);

　　　 //削减深度

　　　 box.zpos3D-=5;

　　　 if (box.zpos3D<=- focalLength) {

　　　　 //最终方块始终在数组第一位

　　　　 box.zpos3D=boxes[0].zpos3D+zDistance;

　　　 }

　　　 var scaleRatio = focalLength/(focalLength + box.zpos3D);

　　　 box.scaleX=box.scaleY=scaleRatio;

　　　 //设置透明度变量

　　　 box.alpha=scaleRatio-0.5;

　　　 box.x=vanishingPointX+box.xpos3D*scaleRatio;

　　　 box.y=vanishingPointY+box.ypos3D*scaleRatio;

　　　}

　　　//依据深度罗列数组

　　　sortZ();

　　}

　　//这个函数使方块正确罗列

　　function sortZ():void {

　　　boxes.sortOn("zpos3D", Array.NUMERIC | Array.DESCENDING);

　　　for (var i:uint = 0; i < NUMBER_OF_BOXES; i++) {

　　　 setChildIndex(boxes[i], i);

　　　}

　　}