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();
先制作一个小球 在不停的旋转中
首先计算出
小球和鼠标之间的角度. 然后根据角度 计算出下一个坐标点的位置
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; } }
首先计算出
小球和鼠标之间的角度. 然后根据角度 计算出下一个坐标点的位置
相关文章推荐
- LayaAir 自旋转的小球跟随鼠标移动
- U3D 小球跟随鼠标在地上移动(二)
- 小球跟随鼠标点击移动
- Unity 鼠标点击左右移动,人物跟随旋转
- [Unity]Object跟随鼠标移动而旋转
- LayaAir 自旋转的小球 横向移动
- 原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
- 小球跟随鼠标移动效果
- 跟随鼠标移动的小球
- Unity3D之物体跟随鼠标移动和旋转
- LayaAir 自旋转的小球 横向移动
- 物体跟随鼠标移动并旋转角度
- 小球跟随鼠标移动效果
- js实现文字跟随鼠标移动而移动的方法
- 一个跟随鼠标移动的DIV
- JavaScript-跟随鼠标移动的文字
- 网站导航标题栏下面有一小色块跟随鼠标移动,同时色块颜色改变的特效
- 1. 通过移动鼠标旋转摄像机观察模型
- Unity3D GUI中的图片跟随鼠标旋转脚本
- 跟随鼠标单击移动的div