Flash ActionScript 3.0 动画教程：全面学习与实践指南

需积分: 10 180 浏览量更新于2024-07-29 收藏 4.64MB PDF 举报

"《Foundation ActionScript 3.0 Animation》是一本在Flash动画编程领域备受推崇的教程书籍，由业内专家Keith Peters撰写。这本书以其深入浅出的讲解和广泛适用性，为不同层次的学习者提供了全面的ActionScript 3.0动画学习指南。翻译工作由FL基理大师完成，他们致力于忠实地传递原著精神，鼓励读者积极参与反馈。本书分为三个主要部分，首先介绍了ActionScript动画的基础概念，包括动画的定义、帧与运动的原理，以及动态动画与静态动画的区别。第二部分详细讲解了ActionScript 3.0的核心内容，如类和面向对象编程的运用，包括基类、包、导入、构造函数、继承、MovieClip/Sprite子类、文档类以及如何设置ActionScript 3.0应用程序，涉及IDE（如Flash CS3 IDE、FlexBuilder）的使用，还有动画的执行机制、事件处理、显示列表、用户交互等内容，例如鼠标和键盘事件的处理。第三部分特别关注的是三角学在动画中的应用，解释了三角学的基本概念，如角度单位（弧度和度）、Flash坐标系的使用以及各种三角函数的计算方法，这对于实现精确的动画效果尤其重要。《Foundation ActionScript 3.0 Animation》不仅是初学者入门ActionScript动画编程的绝佳教程，也适合有一定基础的开发者深入理解并提升他们的技能。书中不仅提供了理论知识，还通过实践案例帮助读者巩固所学，是学习者在Flash动画创作旅程中的得力助手。"

一个类继承自 MovieClip 或 Sprite ，那么它会自动拥有该类所有的属性和方法，我们还

可以为这个类增加特殊的属性和方法。

例如，游戏设计一个太空船的对象，我们希望它拥有一个图形，并且在屏幕的某个位置

移动，旋转，并为动画添加 enterFrame 侦听器，还有鼠标、键盘的侦听等。这些都可以由

MovieClip 或 Sprite 来完成，所以就要继承自它们。同时，还可以增加一些属性如：速度

(speed)、油量(fuel)、损坏度(damage)，还有像起飞(takeOff)、坠落(crash)、射击(shoot)

或是自毁(selfDestruct)等方法。那么这个类大概是这样的：

package {

import flash.display.Sprite;

public class SpaceShip extends Sprite {

private var speed:Number = 0;

private var damage:Number = 0;

private var fuel:Number = 1000;

public function takeOff():void {

//...

}

public function crash():void {

//...

}

public function shoot():void {

//...

}

public function selfDestruct():void {

//...

}

注意，首先要导入 flash.display 包中的 Sprite 类，如果要导入 MovieClip 类，同

样也需要导入这个相同的包 flash.display.MovieClip 类。

创建文档类(Document class)

现在我们对类已经了一定的了解，接下来，看看如果真正地使用它。有时候我常说基于

AS 3 的 SWF 是多么的重要，这是因为 AS 3 引入了一个全新的概念，文档类(document

class)。

一个文档类就是一个继承自 Sprite 或 MovieClip 的类，并作为 SWF 的主类。读取

SWF 时，这个文档类的构造函数会被自动调用。它就成为了我们程序的入口，任何想要做的

事都可以写在上面，如：创建影片剪辑，画图，读取资源等等。如果在 Flash CS3 IDE 中

写代码，可使用文档类，也可以选择继续在时间轴上写代码。但如果使用 Flex Builder 2 或

免费 Flex SDK，那里没有时间轴，唯一的办法就是写在类中。这些工作一切都围绕着强大

的文档类而展开，没有它就没有 SWF。以下是一个文档类的框架:

package {

import flash.display.Sprite;

public class Test extends Sprite {

public function Test() {

init();

每一帧创建和存储新的位图。对于每一帧而言，Flash 存储的是舞台上每个对象的位置，大

小，颜色等等。比如，一个小球在屏幕上移动，每一帧只存储小球的在该帧上的位置，第 1

帧小球的位置在左边第 10 个像素，第 2 帧也许就在第 15 个像素，等等。Flash 播放器(Flash

Player)读取这些信息，再根据这些信息的描述来渲染舞台并显示该帧。根据这些变化扩展

一下流程图，见图 2-4。

图 2-4 渲染并显示帧

我是这样描述一个动态程序动画的，见图 2-5。

图 2-5 脚本动画

如图 2-5 所示，没有第 1 帧、第 2 帧的概念，脚本动画通常只由一帧完成。下面我们就

来看看动画的执行过程。

首先，建立初始化。舞台中放入一个影片剪辑，再创建补间动画，或使用代码来描述整

个场景。总之，最后都要对该帧进行渲染及显示。

然后，应用自定义规则。规则可以像“让球向右移动 5 像素”这样简单，也可以是由几十条

复杂的三角函数组成。使用自定义规则会产生新的描述再根据这些描述进行渲染及显示，并

不断地应用这个规则。

请注意，同一规则被一遍又一遍地执行，而不是对第 1 帧用一套规则，而对第 2 帧又使

用另一套规则。所以难度就在于，一套规则要处理所有可能出现的情况。要是球向右移动得

过远，超出了舞台怎么办？你的这套规则就要解决这个问题。是否还希望用户通过鼠标来操

作小球？那么你的规则也要把它考虑进去。

听起来很复杂，其实不然，这里所说的“规则”，实际上就是 ActionScript 代码。每套规

则都可由一行或多行代码组成。下面是小球向右移动 5 像素的例子：

ball.x = ball.x + 5;

这句话是说无论小球 X 坐标(水平轴)在哪里，都在原来的 X 位置上增加 5 像素，并把该坐

标作为它的新 X 坐标。也可简化为：

ball.x += 5;

“+=”操作符：把右边的值与左边的变量相加，相加的结果再赋值给该变量。以下是更

多的高级规则，日后会学到：

var dx:Number = mouseX - ball.x;

var dy:Number = mouseY - ball.y;

var ax:Number = dx * spring;

var ay:Number = dy * spring;

vx += ax;

vy += ay;

vy += gravity;

vx *= friction;

vy *= friction;

ball.x += vx;

ball.y += vy;

graphics.clear();

graphics.lineStyle(1);

graphics.moveTo(ball.x, ball.y);

graphics.lineTo(mouseX, mouseY);

这段现在看不懂没关系，大家只要知道 Flash 会在每一帧中生成这段代码，并不断地

执行。

怎样让它循环执行？看看我第一次的尝试，这也是很多 AS 初学者都会犯的错误。这是

在很多程序设计语言中都存在的循环结构，如 for 和 while。用循环结构使代码重复执行，

这就是我曾写的那段：

for (i = 0; i < 500; i++) {

ball.x = i;

}

看起来相当简单。变量 i 从 0 开始，所以小球 X 坐标移动到 0——舞台最左边。i++

让 i 的值每次增长 1，即：0～1～2～3～4…，每次这个值都会做为 ball.x 的值，把小球

从左向右移动。当值为 500 时，表达式 i<500 值为假(false)，循环结束。

如果你也犯过同样的错误，就会知道，小球没有在舞台上发生移动——只是一下子出现

在了舞台的右边而已。为什么没有移动到中间的那些点上？其实它移动了，只是我们没有看

到，因为我们没有让 Flash 去刷新屏幕。图 2-6 为另一个流程图，看看实际都发生了什么。

图 2-6 为什么循环结构无法产生动画

实际上我们使用自定义规则使球移动到指定位置，并创建了 500 次新的场景。但在循环

结束之前没有给出显示，这是因为 Flash 只在每一帧结束后才进行一次刷新，这点很重要。

以下是 Flash 进入帧的动作顺序：

1.在舞台上放置所有的对象，不论在何级，何层，或是否为加载的影片。

2.执行帧上所有的 Action 脚本(ActionScript)，不论在何级，何层，不论处于影片剪辑还

是按钮中，也不论它嵌套在何处。

3.判断是否到了该显示的时候。如果设置帧频为 20 帧/秒，Flash 最少要等上一帧显示后

50 毫秒后再进行下一次显示，显示了该帧后，就要编译和进入下一帧。如果帧频没有到 20

帧/秒，那么要等待到正确的时间再去执行。

定时时间存在着一些问题。首先，众所周知帧频是不精确的(即使在 Flash 9 中)，不要依赖

它作为精确的定时器。其次，在大量的编译和 AS 执行花费的时间会超出规定的时间。

尽管如此，我们也不必担心自己的脚本会被砍掉一部分。在进入第 3 步之前，Flash 会

完成所有可执行代码(第 2 步)，即使需要延缓帧频也要完成。Flash 为了能完成脚本，甚至

会等上 15 秒。在上面的例子中，Flash 等待循环结束，然后进入下一帧，只在跳转到下一

帧时进行屏幕的刷新。这就是为什么我们看到的是跳动而不是移动。因此，要想完成移动，

我们所要做的就是打散这个循环，请回过头参考图 2-5。

帧循环

帧循环的理念，存在于 Flash 最早的版本中，那时 ActionScript 还不像今天那么强

大。把代码写入关键帧，并在下一帧中写入像 gotoAndPlay 这样的语句，使播放头(playhead)

回到前一帧。这样两帧之间就形成了一个无限循环，每当播放头到了代码帧上时，就会执行

那些代码。例如，在舞台上有一个实例名为 ball 的影片剪辑。

第一帧的代码就像这样：

ball.x ++;

第二帧的代码如下：

gotoAndPlay(1);

实际上第二帧不需要做任何事，只是让时间轴自动回到第一帧而以。另一个版本是建立

三个帧，第一帧进行初始化，写入只执行一次的代码，不进行循环。第二帧才是主要的执行

代码，第三帧只写 gotoAndPlay(2); 这个方法在早期 Flash 版本中常被使用，虽然有点过

时，但是同样可以出色地完成任务。马上我们还要学到更灵活更强大的设置方法，但今后你

会发现其实原理上是一样的。

影片事件

影片事件在 AS 3 中彻底的消失了，这真是件好事。但还要捎带提一下，回顾 Flash 5

的时代，只有帧循环和影片剪辑事件两种选择。影片事件指代码直接写在影片剪辑上，而不

是帧上。如何实现影片事件，首先选择舞台上的影片剪辑，然后打开动作面板并将代码写在

上面，这些代码只对该影片剪辑有效。所有代码必需写在事件块中，比如：

onClipEvent(eventName){

// code goes here

}

对于 onClipEvent(eventName)，作用于 eventName(某种事件)。对于"on"类型事件则

必需指定鼠标或键盘事件，如按下(press)和释放(release)。

事件名称(eventName)是指许多 Flash 影片事件之一，所谓事件就是在影片中发生的

事。事件分为两种：系统事件和用户事件。系统事件指发生在如计算机，Flash，或影片上

的事件，比如调取数据，调取信息，或播放帧等。用户事件是指用户所做的一些事，基本上

就是鼠标和键盘两种。影片事件使用得最多的就是 load 和 enterFrame 这两个。 Load 事

件会在影片第一次出现在舞台上时才执行，且只执行一次。所以说非常适合在这里面写入初

始化代码。只要把代码写在大括号间即可：

onClipEvent(load){

// initialization code

}

我们可以把带有如下代码的影片剪辑放入时间轴上(注意：此处为 AS 1 写法)：

onClipEvent (load) {

this._x = 100;

this._y = 100;

}

onClipEvent (enterFrame) {

this._x += 5;

}

本书示例中的代码不使用这种写法（因为它已经不是一种语言了），但不论使用何种方

法，初始化(initialization)，重复动作(repeating actions)和屏幕刷新(screen refresh)

都是非常重要的。

剩余356页未读，继续阅读

godofhand

粉丝: 0
资源: 3

Flash ActionScript 3.0 动画教程：全面学习与实践指南

Flash ActionScript 3.0动画教程

Flash.ActionScript.3.0动画高级教程.pdf

Flash+ActionScript+3.0高级动画教程+源代码

Flash.ActionScript.3.0动画教程.pdf

Flash.ActionScript.3.0动画教程_HD

Flash.ActionScript.3.0动画教程-源码

Flash.ActionScript.3.0动画教程源代码

皮特斯-Flash ActionScript 3.0高级动画教程（长颈鹿） + [Flash.ActionScript.3.0动画教程]

Flash.ActionScript.3.0动画教程示例源代码

[Flash.ActionScript.3.0动画教程]源代码

最新资源