as3.0高级动画教程

时间:2017-04-22 12:14:55 AS3.0高级教程 我要投稿

as3.0高级动画教程

  AS3.0能够制作逼真的喷泉动画场景你造吗?赶紧看看教程学起来吧。下面是阳光网小编给大家整理的as3.0高级动画教程,供大家参阅!

  AS3.0制作逼真的喷泉动画详细教程

  前言:网络中这个教程已经有了,但是教程写得都不尽详细,尤其是AS3.0脚本语句,在本地电脑中导出的swf影片不能正常显示播放,因此就给Flash初学者和刚刚接触AS3.0的人们造成了很大的困惑,也因此我运用网络中的这段AS3.0代码写下了本教程,希望大家都能学会运用这个逼真的喷泉特效代码。

  先看效果演示:

  制作方法:

  一、启动Flash软件,建立AS3.0文档,舞台大小默认,颜色为黑的(我用的是Flash CC,用Flash cs4、cs5、cs6制作方法是同样的)

  二、下载一张适合制作喷泉效果的背景图片导入到库,并且重命名为“背景图片”;再下载一张带有喷泉设备的图片导入到库,并且在Flash中把图片中的喷泉设备抠图(抠图方法我就不再这里罗嗦了),转换为图形元件,命名为“喷泉设备”。

  在这里我把我所用的图片素材提供给大家来练习使用:

  背景图片

  喷泉设备

  (已经抠好的透明PNG图片,直接导入Flash软件中即可使用)

  三、制作水滴元件:

  1、新建名称为“水滴”影片剪辑元件,该编辑区内点选时间轴第一帧,选取椭圆工具,在舞台上画出一个2X6像素的无边、白色、椭圆,并把这个画好的小椭圆移动到舞台的大致左上方位置(位置是代码中数据决定的),见图1;

  (图1)

  2、打开库面板,右键单击库中该影片剪辑元件-属性,打开属性面板,见图2;

  (图2)

  3、点击“高级”按钮,打开属性链接面板,填写其“类”为:pall,然后点击“确定”按钮完成设置,所有设置见图3;

  (图3)

  4、新建元件,类型:影片剪辑,命名为:AS,在该影片剪辑编辑区内,点选时间轴第一帧,打开动作面板,复制粘贴下方完整的AS3.0脚本语句,粘贴好后返回主场景;

  var count:int = 2000;

  var zl:Number = 0.8;

  var balls:Array;

  balls = new Array();

  for (var i:int = 5; i < count; i++) {

  var ball:pall = new pall();

  ball.x = 275;

  ball.y = 300;

  ball["vx"]= Math.random() * 4 - 1;

  ball["vy"] = Math.random() * -10 - 10;

  addChild(ball);

  balls.push(ball);

  addEventListener(Event.ENTER_FRAME, onEnterFrame);

  function onEnterFrame(event:Event):void {

  for (var i:Number = 5; i < balls.length; i++) {

  var ball:pall = pall(balls[i]);

  ball["vy"] += zl;

  ball.x +=ball["vx"];

  ball.y +=ball["vy"];

  if (ball.x - ball.width/2> stage.stageWidth ||

  ball.x + ball.width/2 < 0 ||

  ball.y - ball.width/2 > stage.stageHeight ||

  ball.y + ball.width/2 < 0) {

  ball.x = 275;

  ball.y = 300;

  ball["vx"]= Math.random() * 8 - 4;

  ball["vy"] = Math.random() * -10 - 10;

  }

  }

  }

  }

  四、组织场景:

  1、主场景中共建立三个图层,图层1重命名为“背景”、图层2重命名为“喷泉设备”、图层3重命名为“AS”见图4;

  (图4)

  2、点选背景图层第一帧,把库面板中背景图片拖上舞台,调整大小和舞台同样,做全居中,锁定该图层;

  3、点选喷泉设备图层第一帧,把库面板中喷泉设备图形元件拖上舞台,调整好你所需要的大小和位置,锁定该图层;

  4、点选AS图层第一帧,把库中AS影片剪辑拖上舞台,打开属性面板,调整该元件的透明度为50%,(如果背景图片亮度高,可设置为70、或80%,如果是夜景图片,可设置为30%),该图层先不要上锁,因为还要调整喷水的位置;

  5、测试影片看水的位置后,框选舞台上小白点,用键盘上的方向键调整位置,直到把水的位置和喷泉设备的位置调整吻合为止;

  五、代码中几个关键数据的解释与修改:

  1、代码中第一行中的数字“2000;”,是喷泉喷出水珠的数量,数字越大,喷出的水珠就越多,可根据自己制作的场景来修改水珠的数量。

  2、代码中倒数第六行(倒数四个大括号上边第二行)中的ball["vx"]= Math.random() * 8 - 4;,其中的数字“8 - 4”,前边的“8”是喷水范围的.宽度,数字越大喷水的范围越宽,数字越小,喷水的范围越窄;后边的“4”是喷水的方向,数字越大喷水方向越向左,数字越小喷水方向越向右;

  3、代码中倒数第五行(倒数四个大括号上边第一行)中的ball["vy"] = Math.random() * -10 - 10;,其中的数字“10 - 10”,都是调整喷水的高度的,数字越大水喷得越高,数字越小水喷得越低,调整时两个数字最好相同。

  代码中其他数字就没有调整的必要了,根据自己制作的场景调整好这三组数据后作品就完工了,最后看效果吧。

  FlashAS3.0动画制作介绍

  Flash AcfionScript(AS)3.0是一种功能强大的面向对象的编程语言。当前,网络游戏、网络特效、互动广告的火爆带动了它的应用和开发。本书以ActionScript 3.0程序设计为主线,从动画编程的角度介绍了Flash动画的制作与开发。全书由三大部分组成:第一部分为As 3.0语言基础,介绍了ActionScript 3.0的基本语法、事件侦听机制、类的设计与应用;第二部分为AS 3.0动画编程基础,内容涵盖Flash动画基础知识、Flash动画中的显示编程及交互编程技术;第三部分为AS 3.0动画编程提高,内容涉及动画制作中从简单运动到复杂运动的诸多内容。本书最大特色是对动画编程附以大量程序范例进行讲解,使读者的学习能够轻松而高效,并在此基础上做出优秀的动画作品。

  本书知识系统、范例丰富,每章配备提高思考题,既适合作为Flash ActionScript的初中级读者的教材或自学教材,也适合作为各级培训读本。

  FlashAS3.0动画制作目录

  第一部分 AS3.0语言基础

  第1章 简介

  1.1 AS3.0简介

  1.2 FlashCS3IDE介绍

  1.3 一个AS3.0实例

  第2章 基本语法

  2.1 变量与常量

  2.2 数据与数据类型

  2.3 运算符与表达式

  2.4 数组

  2.5 程序结构与函数

  第3章 面向对象与类

  第4章 事件侦听机制

  4.1 事件与事件侦听

  4.2 常用内置事件类

  第二部分 AS3.0动画编程基础

  第5章 Flash动画简介

  5.1 动画与动画原理

  5.2 “静态”动画与“动态”动画

  5.3 Flash动画中的坐标系统

  5.4 角与角度、旋转

  第6章 显示编程

  6.1 显示列表

  6.2 渲染

  第7章 用户交互

  7.1 鼠标事件及响应

  7.2 键盘事件及响应

  7.3 移动物体

  第三部分 AS3.0动画编程提高

  第8章 简单运动

  8.1 速度与加速度

  8.2 环境边界与摩擦力

  8.2.1 环境边界

  8.2.2 摩擦力

  第9章 复杂运动

  第10章 3D动画

  10.1 从一维、二维到三维

  10.2 3D线框模型与填充

  10.3 消隐与3D灯光

  10.3.1 消隐技术

  10.3.2 3D灯光

  第11章 其他动画技巧

  11.1 随机运动

  11.2 随机分布

  11.3 基于定时器的动画

  11.4 基于时间的动画

  参考文献

  

【as3.0高级动画教程】相关文章:

1.as3.0入门教程

2.as3.0基础教程

3.Flash AS3.0入门教程

4.AS3.0经典学习教程推荐(一)

5.Flash AS3.0中的事件处理详解

6.AS3.0 Timer定时器的使用方法

7.BEC高级难度大揭秘:中级离高级有多远

8.高级古代格言大全