×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 5300|回复: 7

[AS] AS3.0 基础-运动的螺旋

[复制链接]
发表于 2010-4-14 08:38:01 | 显示全部楼层 |阅读模式
本帖最后由 cao4811 于 2010-4-14 08:39 编辑

AS3.0 基础-运动的螺旋

从内至外


var speed:Number = 0.3;
var radius:Number = 0;
var angle:Number = 0;
var xpos:Number;
var ypos:Number;

var centerX:Number = stage.stageWidth / 2;
var centerY:Number = stage.stageHeight / 2;

//生成容器
var container:Sprite = new Sprite();

//把容器加入舞台的中心
container.x = centerX;
container.y = centerY;
addChild (container);

//设定线条样式 4个像素、白色
container.graphics.lineStyle (4, 0xffffff);

//起始点在舞台的中心
container.graphics.moveTo (0, 0);
//注册进入帧事件侦听器
addEventListener (Event.ENTER_FRAME, onEnterFrame);
//事件响应函数
function onEnterFrame (event:Event):void {

        /* We'll stop the drawing after the radius is over 100

pixels.
        We still continue to rotate the container.
        */
        if (radius > 100) {
                speed = 0;
                container.rotation += 10;
        }
        else {
                //Increase the radius in each frame
                radius += 0.5;

                //New x and y coordinates
                xpos = Math.cos(angle) * radius;
                ypos = Math.sin(angle) * radius;

                //Draw to the new coorninates
                container.graphics.lineTo (xpos,ypos);

                //Rotate the container
                container.rotation += 10;

                //The greater the speed, the faster we

draw circles
                angle += speed;
        }
}

从外至内

var speed:Number = 0.3;
var radius:Number = 100;
var angle:Number = 0;
var xpos:Number;
var ypos:Number;

var centerX:Number = stage.stageWidth / 2;
var centerY:Number = stage.stageHeight / 2;

//We are going to add all our graphics onto a container
var container:Sprite = new Sprite();

//Add the container to the center of the stage
container.x = centerX;
container.y = centerY;
addChild (container);

//Set the container's graphics line style to be 4 pixels and

white
container.graphics.lineStyle (4, 0xffffff);

//Starting point
container.graphics.moveTo (100, 0);

addEventListener (Event.ENTER_FRAME, onEnterFrame);

function onEnterFrame (event:Event):void {

        /* We'll stop the drawing after the radius is under 0
        We still continue to rotate the container.
        */
        if (radius < 0) {
                speed = 0;
                container.rotation += 10;
        }
        else {
                //Decrease the radius in each frame
                radius -= 0.5;

                //New x and y coordinates
                xpos = Math.cos(angle) * radius;
                ypos = Math.sin(angle) * radius;

                //Draw to the new coorninates
                container.graphics.lineTo (xpos,ypos);

                //Rotate the container
                container.rotation += 10;

                //The greater the speed, the faster we

draw circles
                angle += speed;
        }
}
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=300931
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 2金币 +5 热心度 +2 收起 理由
清风掠影 + 2 + 1 辛苦了^0^
zctmh0336 + 3 + 1 支持下

查看全部评分

发表于 2010-4-14 17:15:18 | 显示全部楼层
酷素材
喜欢那个从内至外。
回复 支持 反对

使用道具 举报

发表于 2014-11-25 15:56:23 | 显示全部楼层
很好玩的东东。
回复 支持 反对

使用道具 举报

发表于 2018-5-29 18:32:03 | 显示全部楼层
很不错。。。
回复 支持 反对

使用道具 举报

发表于 2018-5-29 19:20:44 | 显示全部楼层
酷素材
好帖就是要顶
回复 支持 反对

使用道具 举报

发表于 2018-5-29 18:57:10 | 显示全部楼层
酷素材
顶顶多好
回复 支持 反对

使用道具 举报

发表于 2018-5-29 19:13:18 | 显示全部楼层
难得一见的好帖
回复 支持 反对

使用道具 举报

发表于 2018-5-29 18:40:09 | 显示全部楼层
说的非常好
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345