在线建站培训
您的位置: 魔客吧 网页制作 Flash教程 查看内容

Flash制作旋转小星星动画实例教程(代码实现)

2018-1-5 11:27 | 发布者: moke | 栏目:Flash教程

具体制作过程如下:

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

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

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

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

http://www.moke8.com/data/attachment/portal/201801/05/112747lp16pv6r15fdxrr1.attachhttp://www.moke8.com/data/attachment/portal/201801/05/112747lp16pv6r15fdxrr1.attachsrc=http://www.moke8.com/data/attachment/portal/201801/05/112747lp16pv6r15fdxrr1.attachhttp://www.jb51.net/flash/example/

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

输入下面的代码:

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层的第一帧输入代码:

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);

}

8、好了,所有的工作都已经完成,测试你的影片。

魔客吧温馨提示:如果您是第一次建站,那么魔客吧推荐大家使用 织梦 系统。完全开源,易于二次开发,对搜索引擎SEO友好,新手首选。

最新分享资源