Flash基础理论课 第十九章 实用技巧 Ⅰ

返回“Flash基础理论课 - 目录”

现在您已经来到了最后一章。我将所有想要介绍的一些小东西都放在了这一章,它们不太合适放在其它地方,或者说与前面章节的主线有些脱离。

本章,我还重组了前面每章课后列出的公式,因此可以当作这些公式的一个参考点。

由于这些课题都是比较零碎的概念,所以我没有办法将这些许许多多的内容组织起来。因此每一节都是一个独立的单元。好了,不多说了,让我们开始吧。

布朗(随机)运动

先讲讲历史。一天,一个名叫罗伯特-布朗(Robert Brown)的植物学家正在观察一滴水中的花粉颗粒,随后他发现这些花粉是在随机运动的。虽然它们不是水流或水的运动,但是这些小小的颗粒却永远不会停下来。他发现同样的事情会发生在微尘中,但它们不会像花粉那样游泳。虽然他不知道为什么会有这种现象,其实不只是他还有其他所有人在几十年内都不能给出解释,但是他却将这种现象用自己的名字命名 —— 只是为了能意识到它!

当今,我们对布朗运动的解释是大量的水分子在一滴水中不断运动,虽然水滴看上去是静止的。这些水分子与花粉和灰尘发生碰撞,将一些动量传给它们。因为即使是一颗小小的灰尘都要比一个水分子重上一百万倍,所以一次碰撞不会带来多大的影响。但是当每秒有几百万次的碰撞时,那么这些动量就会累计起来。

现在,一些水分子也许撞到了灰尘的一边,而另一些则撞在了另一边。最终,它们会达到总的平均值。但是,随着时间的变化,受到更多撞击的一边就会产生波动,假设为左边,那么这个粒子就会向右运动一点。底部所受撞击越多,则粒子向上运动得就越多。最后所有的值趋于平均,最终的结果通常不会在任何一个方向产生太多的动量。这就是随机悬浮动作。

我们可以在 Flash 中轻松地模拟出这种效果。在每一帧中,计算一个随机数加在运动物体的 x和y 速度中。随机的数值应该即可以是正数也可以是负数,并且一般来说都非常小,比如范围从-0.1到+0.1。形式如下:

vx += Math.random() * 0.2 - 0.1;
vy += Math.random() * 0.2 - 0.1;

用 0.2 乘以一个随机的小数,所得的值从0.0到0.2。再减去 0.1 则值变为 -0.1到0.1。在这里加入一些摩擦力(friction)很重要,否则速度会增大,并产生不自然的加速。在 Brownian1.as 中,我创建了 50 个粒子并让它们以布朗运动的形式悬浮。粒子就是我们熟悉的 Ball 类的实例,让它们为黑色并缩小。以下是代码:

package {
 import flash.display.Sprite;
 import flash.events.Event;
 public class Brownian1 extends Sprite {
  private var numDots:uint = 50;
  private var friction:Number = 0.95;
  private var dots:Array;
  public function Brownian1() {
   init();
  }
  private function init():void {
   dots = new Array();
   for (var i:uint = 0; i < numDots; i++) {
    var dot:Ball = new Ball(1, 0);
    dot.x = Math.random() * stage.stageWidth;
    dot.y = Math.random() * stage.stageHeight;
    dot.vx = 0;
    dot.vy = 0;
    addChild(dot);
    dots.push(dot);
   }
   addEventListener(Event.ENTER_FRAME, onEnterFrame);
  }
  private function onEnterFrame(event:Event):void {
   for (var i:uint = 0; i < numDots; i++) {
    var dot:Ball = dots[i];
    dot.vx += Math.random() * 0.2 - 0.1;
    dot.vy += Math.random() * 0.2 - 0.1;
    dot.x += dot.vx;
    dot.y += dot.vy;
    dot.vx *= friction;
    dot.vy *= friction;
    if (dot.x > stage.stageWidth) {
     dot.x = 0;
    } else if (dot.x < 0) {
     dot.x = stage.stageWidth;
    }
    if (dot.y > stage.stageHeight) {
     dot.y = 0;
    } else if (dot.y < 0) {
     dot.y = stage.stageHeight;
    }
   }
  }
 }
}

时间: 2024-10-29 05:35:31

Flash基础理论课 第十九章 实用技巧 Ⅰ的相关文章

Flash基础理论课 第十九章 实用技巧 Ⅲ

返回"Flash基础理论课 - 目录" 实用公式 统领全书,我们已经有了各种运动和效果的公式.我已经提取出了最实用和最常用的公式.方程.以及代码的摘录,并将它们列在本章的最后.我认为将它们放到同一个地方应该对大家非常有帮助,因此我将这些我认为最需要的内容放到一起作为整体的一个参考资料.我将会在这一页夹上书签. 第三章 基础三角函数的计算: 角的正弦值 = 对边 / 斜边 角的余弦值 = 邻边 / 斜边 角的正切值 = 对边 / 邻边 弧度转换为角度以及角度转换为弧度: 弧度 = 角度

Flash基础理论课 第十九章 实用技巧 Ⅱ

返回"Flash基础理论课 - 目录" 基于计时器与时间的动画 到目前为止本书的所有例子都是通过把运动代码放到onEnterFrame 方法中并将它赋给一个enterFrame 事件的处理函数来实现的.我一直认为这是最简单的一种方式,因为帧的概念在 Flash 中根深蒂固,它就是给我们准备的:我猜我们大多都习以为常了. 然而,对于那些从非 Flash 编程环境转来的朋友,对于这种模式可能并不习惯.对于他们来说,时序动画模型(使用Interval 或 Timer)似乎可以更加精准地控制动

Flash基础理论课 第十四章 反向运动学:拖拽与伸展Ⅰ

返回"Flash基础理论课 - 目录" 第十三章介绍了一些基础的运动学以及正向与反向运动学之间的区别.前一章我们讲了正向运动学,本章就要学习与它关系紧密的反向运动学.涉及到的动作就是拖拽与伸展. 与正向运动学的例子相同,本章的例子也是从独立的关节开始建立系统.我们从单个关节开始,然后到多个关节.首先,我会给大家演示最简单的计算角度与位置的方法.只是在代码中使用基本的三角学进行大概的测算.最后,会给大家简要地介绍使用余弦定理的方法,这样计算出来的结果更加准确,但会消耗大量的计算--这就是

Flash基础理论课 第十六章 3D线条与填充Ⅰ

返回"Flash基础理论课 - 目录" 第十五章我们介绍了3D,但只是将物体置于3D空间中,设置大小与位置.物体实际上还是2D的.这就像老的3D游戏中,我们可以绕着某个物体或人物走,这些对象会转过来面对我们.这些物体或人物并不是真正的会转过来 -- 只是看上去是这样的,因为它们都是2D 物体,那是我们看到它唯一的一个视角. 本章,我们将真正地在 Flash中创建3D 模型.具体说来有创建并使用3D 点,线条,填充以及立体图形.学习完本章,大家就可以任意在三维空间中创建各种形状,并对它们

Flash基础理论课 第十五章 3D基础Ⅰ

返回"Flash基础理论课 - 目录" 前面我们做的一切都是二维的(有时只有一维),但是已经可以做出非常酷的东东了.现在,将它们带入到下一个等级. 创建 3D 图形总是那么另人兴奋.新加入的这个维度似乎将物体真正地带入到了生活中.如何在Flash 中实现 3D 在无数的书籍和教学软件中都有介绍.但是我不打算跳过这些内容,我们会很快地将所有基础的知识讲完.随后,将前面章节中讨论的运动效果放到三维空间中.说得详细些,将给大家介绍速度,加速度,摩擦力,反弹,屏幕环绕,缓动,弹性运动,坐标旋转

Flash基础理论课 第十二章 粒子引力与万有引力Ⅰ

返回"Flash基础理论课 - 目录" 很高兴到晋级到了这一章.前面的章节总体来说都是些交互的运动.先让物体运动起来,再让物体与环境产生交互,随后与用户交互,最后是物体之间的交互.本章将详细地为大家介绍物体之间的交互,并带有一定距离的.说具体些,我们将学习粒子,重力(与前面有些不同),弹性运动(还是它!)以及大名鼎鼎的Node Garden.让我们开始吧! 粒子(Particles) 说明一下我们所指的粒子是什么意思.出于本章的目的,粒子只就是一个独立的单位,通常会伴有着几个(或多个)

Flash基础理论课 第十六章 3D线条与填充 Ⅲ

返回"Flash基础理论课 - 目录" 建立其它形状的模型 恭喜各位!您已经掌握了旋转立方体.现在我们可以去建立所有种类的形状了.只要先将它们绘制在方格纸上,标出点和三角形,再将放入数组即可.这张图可以帮助我们用几种视角绘出物体,旋转后可以看到每个面以及在三角形上标出的点.本节提供了一些其它的图形作为起点. 金字塔形 下面是3D 金字塔形的代码(可以在Pyramid.as中找到).首先是点: points[0] = new Point3D( 0, -200, 0); points[1]

Flash基础理论课 第十六章 3D线条与填充Ⅱ

返回"Flash基础理论课 - 目录" 运用三角形 运用三角形有许多好处--或许比我知道的还多,我们这里只做简单的介绍介绍.首先,运用三角形我们能够确定多边形的所有顶点都在一个平面上,因为一个三角形定义一个平面.如果大家还不确定为什么它很重要,那么我们就拿字母 E 的例子来说,随机地改变一些点的 z 值.这时可能会得到一些有趣的结果,这些结果也很快会变成不可预想或不可预知的. 其次,使用三角形,在绘制复杂的形状时,可能会很简单.例如,考虑一下图 16-8. 图16-8 更加复杂的 3D

Flash基础理论课 第十五章 3D基础 Ⅲ

返回"Flash基础理论课 - 目录" 缓动与弹性运动 在3D中的缓动与弹性运动不会比2D中的难多少(第八章的课题).我们只需要为z轴再加入一至两个变量. 缓动 对于缓动的介绍不算很多.在2D中,我们用tx和ty最为目标点.现在只需要再在z轴上加入tz.每帧计算物体每个轴到目标点的距离,并移动一段距离. 让我们来看一个简单的例子,让物体缓动运动到随机的目标点,到达该点后,再选出另一个目标并让物体移动过去.注意后面两个例子,我们又回到了 Ball3D 这个类上.以下是代码(可以在Easi