html做旋转的五角星,Flash AS3代码制作旋转彩色五角星动画

本文介绍用Flash和AS代码制作漂亮的旋转五星动画的方法和步骤，主要用到库元件与外部类进行类绑定的操作。Star类定义了两个方法：星的颜色和旋转。fla的代码是一个for循环，调用Star类的构造函数，生成100个星的实例，随机摆放，并显示在舞台上。

制作步骤如下。

1、新建一个fla文件，宽400高400，帧频默认，背景颜色黑色，保存。

2、选择多边形工具，设置为5边，星形。在舞台上画一个任意颜色、大小的星。

3、在选取状态下，右键转换为影片剪辑，全对齐，命名为Star，删除舞台上的星。

4、按Ctrl+L组合键，打开库面板，右键单击Star影片剪辑，选择“属性”打开元件属性面板，勾选ActionScript选项，这样就使影片剪辑与Star类进行了绑定。如图：

图示：勾选ActionScript选项

5、下面开始编写Star类的代码，新建一个ActionScript文件。

输入下面的代码：

以下是代码片段：

Copy to Clipboard

引用的内容：[www.veryhuo.com]

package {

import flash.display.MovieClip;

import flash.geom.ColorTransform;

import flash.events.*;

public class Star extends MovieClip {

private var starColor:uint;

private var starRotation:Number;

public function Star () {

//Calculate a random color

this.starColor = Math.random() * 0xffffff;

// Get access to the ColorTransform instance associated with star.

var colorInfo:ColorTransform = this.transform.colorTransform;

// Set the color of the ColorTransform object.

colorInfo.color = this.starColor;

// apply the color to the star

this.transform.colorTransform = colorInfo;

//Assign a random alpha for the star

this.alpha = Math.random();

//Assign a random rotation speed

this.starRotation = Math.random() * 10 - 5;

//Assign a random scale

this.scaleX = Math.random();

this.scaleY = this.scaleX;

//Add ENTER_FRAME where we do the animation

addEventListener(Event.ENTER_FRAME, rotateStar);

}

//This function is responsible for the rotation of the star

private function rotateStar(e:Event):void {

this.rotation += this.starRotation;

}

} }

6、保存在fla同一目录下，保存名为Star.as。注意：这一步非常重要，一定要同fla主文件保存在相同的目录下，如果保存在其它的目录下，要指明路径。初学者在测试时往往出现找不到类的错误提示，问题都在这里。

7、返回到fla，在第1层的第一帧输入代码：

以下是代码片段：

Copy to Clipboard

引用的内容：[www.veryhuo.com]

for (var i = 0; i < 100; i++) {

var star:Star = new Star();

star.x = stage.stageWidth * Math.random();

star.y = stage.stageHeight * Math.random();

addChild (star);

}

效果展示：