Flash CS4方块形状的动画特效制作

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

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


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


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


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

  }

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


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

  }

  }

时间: 2024-09-30 23:09:57

Flash CS4方块形状的动画特效制作的相关文章

Adobe Flash CS4方块形状的动画特效制作

在本教程中我们将会看到的是如何用adobe flash cs4制作一个方块形状的动画特效的制作过程! 1.新建一个flash Actionscript 3 大小为500×300px,背景黑色. 2.在场景里,使用矩形工具(G),设置边框宽3px;画一个正方形大小个40×40px; 3.将这个正方形上点右键,转换元件(为电影剪辑):注册设置为中心: 4.选择元件,右键>链接:设置类为MyBox: 5.回到场景中删除正方形:新建一个Actionscript文件并输入下面代码: package { i

Flash方块动画特效制作

核心提示:Flash方块动画特效制作教程. 效果如下: 1.新建一个flash Actionscript 3 大小为500×300px,背景黑色. 2.在场景里,使用矩形工具(G),设置边框宽3px;画一个正方形大小个40×40px; 3.将这个正方形上点右键,转换元件(为电影剪辑):注册设置为中心: 4.选择元件,右键>链接:设置类为MyBox: 1 2 3 下一页 >全文阅读 提示:试试"← →"键,翻页更方便哦! [1] [2] [3]  下一页

Flash CS4文字颜色缓动特效

核心提示:Flash CS4文字颜色缓动特效教程. 代码详解: [SWF(backgroundColor=0x000000,width=550,height=400)]//设置场景背景色.大小 var r:uint=0,g:uint=0,b:uint=0;//声明无符号整数型变量r.g.b,初始值都是0 var color:uint,targetR:uint,targetG:uint,targetB:uint;//声明无符号整数型变量color.targetR.targetG.targetB v

用Flash动画特效制作:文字炸开

flash动画|特效 想必喜欢Flash制作的朋友一定对一些特殊的效果很感兴趣,今天跟大家一起分享下用 Flash6.0 制作"爆炸字体"的方法.其他版本方法和步骤类似. 最终效果: 第一步:打开 Flash6.0 软件→新建一个新的场景 , 然后点菜单栏"修改" →"文档属性" ,将其背景色设为黑色,点击确定. 第二步:按一下 Ctrl+F8, 新建一个元件,名称为 po, 行为为图像,点击确实. 第三步:在元件里用文本用工具输入个"

Flash 好看的星光四射动画特效

  本例思路:导入莲花素材,然后为其制作闪烁动画效果.绘制遮罩图形,然后利用图形之间的叠加原理制作出星光四射动画特效. Part 1 制作莲花闪烁动画(1)新建一个大小为550×400像素,背景色为黑色,帧频为25fps的空白文档.将默认的"图层1"更名为"背景",然后使用"矩形工具"绘制一个没有边框的矩形,打开"颜色"面板,设置类型为"放射状",再设置第1个色标颜色为(R:1,G:47,B:152),第2

入门:利用Flash画图功能打造齿轮动画特效

特效 入门教程,利用Flash提供的工具制作一个齿轮,然后让它转起来,该教程不涉及Action Script,所以我写标题时加了"入门"两字.本教程重点给大家讲解如何绘制齿轮. 先看效果: 新建立文档,使用椭圆工具,选择任何颜色的填充色,描边色去掉.按住SHIFT键在舞台上绘制大小合适的圆,然后使用选择工具选择圆 然后按Ctrl+K打开对齐面板,使之在舞台中央. 然后插入一个新层,然后制作一个小的圆填充为任何颜色都可以!同样利用对齐面板调整到舞台的中央. 然后使用选择工具选择小圆,然后

Flash实用编程五---下雨动画的制作

编程 思路: 先画一滴从下落再到散开的雨滴,然后持续不断地将这个雨滴复制到画面上,从而产生下雨的效果. 步骤: 1.打开Flash MX 2004,新建文档,设置文档大小550*400像素,帧频设为30FPS,背景设为黑色. 2.按ctrl+F8新建一电影剪辑元件,在该元件中绘制一滴从下落再到散开的雨滴(形状渐变和动作渐变均可).最后一帧加帧代码stop();. 3.按ctrl+L打开库,选中刚建立的电影剪辑,按右键选择"链接",在接下来弹出的"链接属性"对话框中,

Flash实用编程四---下雪动画的制作

编程 思路: 当主场景加载时,有一定数量的雪花随机地分布在画面上,每帧播放后,这些雪花又会在x轴和y轴方向进行随机的位移,从而在整体上产生下雪的效果. 步骤: 1.打开flash MX 2004,新建文档,文档大小550*400像素,帧频设为25FPS. 2.用线条工具在舞台上画出一朵雪花,将该雪花选中,按F8将其转换为电影剪辑,将主场景雪花电影剪辑删除. 3.按ctrl+L打开库,在库中选中雪花电影剪辑,按右键后,在弹出的菜单中选"链接",在接下来弹出的"链接属性"

Flash打造文字跳动动画特效

特效|跳动 先看动画效果: 文字的动画,在flash动画里面出现的较多,具有常用性.本教程除了要告诉大家制作方法以外,更想让大家明白的是:简单的操作,也会有生动的动画!关键在于我们要学会思考,学会总结! 本教程制作上用的软件是flash mx,主要讲述动画的主体部份,即文字动画的制作. 现在,我们就进入教程的学习,本教程的效果,并没有用到任何的As程序,对程序怀有恐惧感的人,大可放心的看下去.呵呵. 在制作之前,我们先分析一下,动画文字的跳动,很明显的出现了一个压缩变形的效果,这就让我们想到了"