本文介绍用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);

}

效果展示:

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

  1. 0代码html交互动画设计pdf,Mugeda零代码制作微信H5交互动画(34集)

    课程大纲: 一.Mugeda快速入门 二.Mugeda功能详解 三.实例:精美微信动画制作 四.小技巧及注意事项 五.零代码交互:汽车广告制作 六.高级动画功能:遮罩与进度动画 七.零代码制作滑动模板 ...

  2. flash as3 android air 插入视频,用Flash AS3代码实现多FLV视频播放无缝衔接

    有时候,需要按顺序播放多个FLV视频段落,一个接着一个播放,在一个FLV文件播放结束时,等待播放另一个FLV文件,此时如果处理不好就会停顿,以下以FlashCS3(AS 3.0)说明一下. 假设舞台上 ...

  3. html做旋转的五角星,如何用几何画板制作旋转的五角星

    五角星是一个精美的图案,代表了天上的星星,就连我们国家的国旗,上面也是镶嵌的五角星.几何画板作为一款专业的绘图工具,不仅仅可以绘制一些简单的图形,也可以构造精美的图案.在前面的教程中我们学习了利用几何 ...

  4. flash as3 android air 插入视频,FLASH加载外部影片as3代码

    FLASH加载外部影片as3代码 作者:小龙博客 2010年01月7日 没有评论 分类:AS3 学习 flash var loader:Loader=new Loader(); loader.load ...

  5. flash as3.0 图片切换

    flash as3.0 图片切换 flash import fl.transitions.*; import fl.transitions.easing.*; import flash.system. ...

  6. as3 访问远程计算机,Flash AS3中数据发送与接收

    Flash AS3中数据发送与接收 互联网   发布时间:2008-10-06 01:24:53   作者:佚名   我要评论 先回顾一下as2中相关的解决办法 相信大部分人用的都是LoadVars类 ...

  7. flash游戏代码html5,Flash贪吃蛇游戏AS代码翻译

    Flash贪吃蛇游戏AS代码翻译 互联网   发布时间:2008-10-06 01:25:13   作者:佚名   我要评论 今天翻译了一段经典的贪吃蛇代码,译后感觉还有很多地方不太妥当,很多不妥的地 ...

  8. Flash AS3.0实战

    如今网页游戏在游戏产业中占有半壁江山.在网页游戏中,百分之九十使用的是flash as3来做前端交互的开发.flash以其体积小等特性,吸引了无数的玩家.比如<傲剑>,<神仙道> ...

  9. 养成Flash AS代码编写好习惯

    1.var a = Math.abs(-7); // 求绝对值(这里是求-7的) 2.function myFunction(myNum) { var newNum = myNum+5; return ...

最新文章

  1. tesseract 提升 速度_11 代酷睿低压处理器阵容解析:新工艺带来了哪些性能提升?...
  2. [转] .NET 3.5中MSChart组件的ImageLocation属性含义
  3. java spring jdbc_Spring与JDBC支持
  4. es6 类的私有属性_JavaScript ES6类中的私有属性
  5. 基本功:SQL 多表联合查询的几种方式
  6. 基于springboot的贫困帮扶系统
  7. Python+Spark大数据音乐推荐系统
  8. 易语言5.9免加密狗版
  9. AWVS使用教程与实例
  10. Poker2的Programmer Dvorak解决方案
  11. 彻底删除微软拼音输入法2003
  12. Python代码破解路由器config.bin从入门到放弃
  13. 实现74LVC161的计数器功能
  14. 【算法导论】 内部排序算法总结
  15. 漫谈程序员系列:你的幸运女神呢
  16. 3D打印无人机等无人设备6——谈一谈从设计到实践的分分合合,模型如何合并与拆分?
  17. 读数据库版本的、利用K-means聚类方法做经纬度聚合
  18. 修改MySQL密码策略
  19. 微信H5端网页授权流程(在H5中的openid获取,网页绑定微信)
  20. 动态获取Bing每日壁纸

热门文章

  1. 使用HtmlUnit爬取知网论文
  2. 考驾照--驾驶证考试
  3. 敏捷团队的质量保障赋能
  4. unity3d发布webgl手机测试流程
  5. Python随机车牌;京牌摇号⼩程序
  6. 电信行业大数据应用的四个方向
  7. 响铃:抖音的敌人不是快手
  8. testing众测学院测试用例考核题目及答案
  9. 30_ElasticSearch IK分词器配置文件 以及自定义词库
  10. Linxu命令(3)