您的位置:首页 > 大数据 > 人工智能

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

2017-12-06 14:18 633 查看
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;
}
}


首先计算出
小球和鼠标之间的角度. 然后根据角度 计算出下一个坐标点的位置
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: