Flash制作蜻蜓飞舞动画实例教程

Flash制作蜻蜓飞舞动画实例教程，效果非常棒，制作过程主要分三个步骤：1、蜻蜓绘制；2、对象细化；3、AS代码。现在开始。

　　演示效果如下：

　　制作步骤：

　　1.新建立一个Flash文档，修改其属性如下图所示：

　　2.在主场景中把图层1改名为back，这是背景层，我们选择矩形工具绘制一个550*300的矩形正好和舞台重合，在这里要使用混色器面板，设置线性填充效果如下图：

　　3.之后我们新建一个元件，画一些草，为了让动画效果更好你可以让草也动起来，在这里我制作的是一个静止的图，如下图所示：

　　4.接下来我们制作蜻蜓动画，蜻蜓动画其实只是蜻蜓的四个翅膀在动，所以我的方法是先建立翅膀静止的元件，然后建立翅膀动的元件，然后组织成为一个蜻蜓电影剪辑元件．绘制过程如下：

　　美化一下翅膀：

　　组织成一个蜻蜓，把翅膀旋转一下就可以了！在此不详细叙述．

　　继续美化蜻蜓身体：

　　美化一下蜻蜓的翅膀：

　　组织成一个效果较好的蜻蜓：

5.这时我们新建立一个电影剪辑元件，命名为trans，绘制一个小的白色矩形，效果如下（注意我已经将显示比例调到了200％）：

　　6.回到主场景，新添加一个＂草＂层，然后把我们制作的草拖出来，连续拖出两次，使草看起来错综复杂，效果如下：

　　7.新建立一个图层＂蜻蜓＂，然后把蜻蜓电影剪辑从酷中拖出来，依次重复5次，打开属性面板，分别给蜻蜓命名实例名为fly1，fly2，fly3，fly4，fly5，效果如下：

　　8.新建立一个图层＂trans＂，然后把蜻蜓电影剪辑从酷中拖出来，依次重复5次，打开属性面板，分别给蜻蜓命名实例名为transp1，transp2，transp3，transp4，transp5，效果如下：

9.新建立一个图层＂action＂，按F9打开动作面板，添加如下AS代码：

probability = 30;
scene_width = 550;
scene_height = 300;
speed = 0.03;
MovieClip.prototype.smoothMove = function (speed, targetx, targety) {
 this._x += speed*(targetx-this._x);
 this._y += speed*(targety-this._y);
};
MovieClip.prototype.rotateTo = function (targetx, targety) {
 var diffX = targetx-this._x;
 var diffY = targety-this._y;
 this._rotation = Math.atan2 (diffY, diffX)*180/Math.PI;
};
_root.transp1.onEnterFrame = function () {
 if (random (probability) == 0) {
  target1X = random (scene_width);
  target1Y = random (scene_height);
 }
 this._visible = 0;
 this.smoothMove (speed, target1X, target1Y);

（编辑：IT资讯之家 www.it55.com）