当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash实例教程:方块动画特效制作

Flash动画制作
Flash实例教程：用AS3代码表现倾斜角与斜率
Flash实例教程：用AS3代码制作交互式3D旋转动画效果
Flash cs3仿真艺术设计5.6：图形元件的同步与不同步
Flash cs3仿真艺术设计5.7：图形元件的同步应用
Flash cs3仿真艺术设计5.8：铰连身体部分
Flash实例教程：用AS2代码制作图片循环效果
Flash实例教程：AS3代码简单表现照片底片效果
Flash cs3仿真艺术设计5.9：关闭缺口_完善角色肢体连接
Flash入门实例教程：图片不间断滚动动画效果
Flash AS2实例教程：鼠标感应放大缩小图片效果
Flash AS3实例教程：鼠标跟随炫舞线条动画效果
Flash AS2实例教程：制作360度全景动画效果
Flash cs3仿真艺术设计5.10：位图动画的表现
Flash cs3仿真艺术设计5.11：导入PSD文件
Flash AS3基础教程：物理基础之速度向量(Velocity)
Flash AS3.0菜鸟学飞教程：帧循环学习实例
Flash MX 视频导入功能详解(6)
Flash教程：视频导入与编辑
Flash cs3仿真艺术设计5.12：运动引导层制作布什搞笑动画
Flash cs3仿真艺术设计5.13：人物行走动画制作技巧

No. « 70 71 72 73 »

技术文章搜索

关键字

Flash动画制作 中的 Flash实例教程:方块动画特效制作

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-04   浏览: 167 ::
收藏到网摘: n/a

效果如下：

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

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

3dbox2

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

3dbox3

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

3dbox4

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

1
2
3
4
5
6
7
8
9
10
11

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);
}

在菜单中选择调试>测试场景效果如下:

3dbox7

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

//用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);	}
}