LayaAir 自旋转的小球跟随鼠标移动

class Main{

    private ball:Ball;
    private speed:number = 5;

    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{
        //计算出角度
        let dx:number = Laya.stage.mouseX - this.ball.x;
        let dy:number = Laya.stage.mouseY - this.ball.y;
        let angle:number = Math.atan2(dy,dx);  //弧度制
        console.info(angle); 
        
        //可以根据弧度旋转 这个例子不需要 因为小球自己是不停转动的
        //this.ball.rotation = angle;

        //根据弧度 计算出目标点坐标
        this.ball.x += Math.cos(angle)*this.speed;
        this.ball.y += Math.sin(angle)*this.speed;
    }
}
new Main();

先制作一个小球 在不停的旋转中 


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


首先计算出 小球和鼠标之间的角度. 然后根据角度 计算出下一个坐标点的位置




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值