LayaAir 自转的小球围绕着鼠标转动

最新推荐文章于 2024-08-04 10:49:25 发布

weixin_33836223

最新推荐文章于 2024-08-04 10:49:25 发布

阅读量434

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/659068/blog/1563877

本文介绍了一个使用Laya实现的小球自转并围绕鼠标位置公转的示例。通过定义Ball类来创建自转的小球，并在Main类中控制小球跟随鼠标位置进行公转，展示了基本的动画效果实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

一个自转的小球就像是地球

class Ball extends Laya.Sprite{

    private static cached:boolean = false;
    private body:Laya.Sprite;

    constructor(){
        super();
        this.init();
    }

    public init():void{
        if(!Ball.cached){
            Ball.cached = true;
            this.body = new Laya.Sprite();
            this.body.loadImage("war/ball.png");
            this.body.pivot(12,12);
        }
        this.addChild(this.body);
        Laya.timer.frameLoop(1,this,this.animate);    
    }

    private animate(e):void{
		this.body.rotation += 10;
	}
}

然后它开始围绕着鼠标(太阳) 转动

class Main{

    private ball:Ball;
    private speed:number = 0.1; //旋转的速度
    private radius:number = 50; //半径, 小球距离鼠标的距离
    private angle:number=0; //角度

    constructor()
    {
			Laya.init(1100, 619, Laya.WebGL);
            Laya.loader.load("res/atlas/war.atlas",Laya.Handler.create(this,this.onLoaded),null,Laya.Loader.ATLAS);
    }

    private onLoaded():void{
            this.ball = new Ball();
            Laya.stage.addChild(this.ball);
		    this.ball.x = Laya.stage.width / 2;
		    this.ball.y = Laya.stage.height / 2;
            
            Laya.timer.frameLoop(1,this,this.onEnterFrame);
    }

    private onEnterFrame():void{
        //围绕着鼠标位置 进行环绕运动
        this.ball.x = Laya.stage.mouseX+Math.cos(this.angle)*this.radius;
        this.ball.y = Laya.stage.mouseY+Math.sin(this.angle)*this.radius;
        this.angle += this.speed; //角度越大 转动的越快
    }
}
new Main();

转载于:https://my.oschina.net/u/659068/blog/1563877