软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 设计在线 > 媒体动画 > Flash AS3代码制作旋转彩色五角星动画

Flash AS3代码制作旋转彩色五角星动画

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

  制作步骤如下。

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

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

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

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

Flash AS3代码制作旋转彩色五星动画

  图示:勾选ActionScript选项

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

  输入下面的代码:

  以下是代码片段:

Copy to ClipboardLiehuo.Net Codes引用的内容:[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 ClipboardLiehuo.Net Codes引用的内容:[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);
}

  效果展示:

 

  源码下载:http://www.veryhuo.com/down/html/34675.html

    相关阅读
    网友评论
    栏目导航
    推荐软件