博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
LayaAir 自旋转的小球跟随鼠标移动
阅读量:6816 次
发布时间:2019-06-26

本文共 1596 字,大约阅读时间需要 5 分钟。

hot3.png

这个小球 还时在不同的旋转中 

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 = 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();

 

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

你可能感兴趣的文章
计算机网络知识解析
查看>>
Go结构体标签表达式v1.0发布,参数校验杀手锏
查看>>
对react中setState的总结
查看>>
[回炉计划]-实现一个图片预加载
查看>>
正则表达式
查看>>
360前端星计划学习-html
查看>>
Hybrid小程序混合开发之路 - 数据交互
查看>>
一个技术创业者的2018年度回顾和总结 | 掘金年度征文
查看>>
专注dApp高效执行和高并发的下一代公有链
查看>>
ONE-sys 整合前后端脚手架 koa2 + pm2 + vue-cli3.0 + element
查看>>
携带更方便功能全 iPone与Apple Watch球形尿袋
查看>>
行为型模式:策略模式
查看>>
实现批量数据增强 | keras ImageDataGenerator使用
查看>>
太忙女友消息未及时回复,分手吗?python微信自动消息帮你谈恋爱
查看>>
Java 多线程NIO学习
查看>>
命名实体识别
查看>>
动态切换的动态代理
查看>>
电商项目(下)
查看>>
vue 数字滚动递增效果
查看>>
vue2.0中父子,兄弟组件的传值2
查看>>