Cocos Creator方向与角度转换

1、让一个对象朝着他的方向移动

cc.Node节点的rotation是一个角度，因此，我们为了实现这个目标，首先要根据rotation求出他的dir方向，就好办了。示例代码:

update(dt){
        //由于Math函数接受的是孤度，所以我们先节节点的旋转转化为弧度
        var angle = this.node.rotation / 180 * Math.PI;
        //合成基于 X正方向的方向向量
        var dir = cc.v2(Math.cos(angle),Math.sin(angle));
        //单位化向量
        dir.normalizeSelf();

//根据方向向量移动位置
        var moveSpeed = 100;
        this.node.x += dt * dir.x * moveSpeed;
        this.node.y += dt * dir.y * moveSpeed;

}

2、让一个对象朝向另一个对象

通过高中数学我们可以知道， A到B的向量 = B点 - A点。那我们只需要将目标对象的位置 - 自己的位置，即可得到方向向量。

方向向量转换为角度，需要认清一个隐含变量，就是这个角度的基准是 X 轴正方向。使用向量来表示就是 (1,0)。

cc.Vec2提供了两个函数 cc.Vec2.angle和cc.Vec2.signAngle，后者相比前者来说，后者产生的角度是有符号的，而前者会永远为正。我们使用cc.Vec2.signAngle来将方向向量转换为弧度。具体操作请看代码。

function lookAtObj(target){
        //计算出朝向
        var dx = target.x - this.node.x;
        var dy = target.y - this.node.y;
        var dir = cc.v2(dx,dy);

//根据朝向计算出夹角弧度
var angle = dir.signAngle(cc.v2(1,0));

//将弧度转换为欧拉角
var degree = angle / Math.PI * 180;

//赋值给节点
this.node.rotation = degree;

}

Cocos Creator方向与角度转换相关推荐

麒麟子Cocos Creator实用技巧七：方向与角度转换
麒麟子做了一个Demo给大家,向大家演示了方向转角度,角度转方向的应用. Demo中有两个坦克,中间的坦克锁定了另一个坦克,始终把自己的炮口对准它,并且会不停地发朝另一个坦克发射炮弹. 发出来的炮弹会 ...
学习记录 cocos creator 斜率弧度角度计算
已知节点A坐标节点B坐标计算A到B的角度 var posA=cc.v2(x,y) var posB=cc.v2(x,y) var resX=posA.x - posB.x var resY=pos ...
Cocos Creator JS 时间戳日期转换
/*** 时间戳换算日期* */function formatDateTime (timeStamp) { var date = new Date(); date.setTime(timeStamp ...
cocos creator 获取当前时间_前端开发者入门 Creator 必读吧
写在前面因为公司的业务需求,近期学习了Cocos Creator这款游戏引擎的开发,也基于此上线了一款游戏,因此写这系列文章记录一下我从入门到项目发布的学习过程. 相对于 web 开发,像Cocos ...
022 - cocos creator 3D
#cocos creator 3D warning 报错:"project:///assets/main.js,将https中的export注视掉重试一遍知识点 scrollview组件添 ...
Cocos Creator游戏开发教程学习笔记
学完提问几个问题吧: position的锚点位置数值原点在哪里? 因为position是相对坐标,所以原点是父节点的锚点 .所以Canvas下面的直属节点原点就是世界坐标系的原点Canvas的锚点. ...
使用 Cocos Creator 引擎创建3D资产
本文共:7034字,预计阅读时间:18分钟感谢作者:琥珀川的分享. 第一章从 3Ds MAX 导出模型 3DS MAX 单位设置.设置 3DS MAX 单位为:米(Cocos 默认单位是:米) ...
Cocos Creator 写的小游戏
# 超能陆战队注:美术资源来源于网络作者: 是烧麦啊未生畏死游戏类型:动作类 * 所用到的 IDE : Cocos Creator v2.0.10,主要用于视觉还原.主逻辑开发.跨端调试和编译 ...
【Cocos Creator游戏开发教程】仿微信趣味画赛车小游戏（三）代码实现
[Cocos Creator游戏开发教程]仿微信趣味画赛车小游戏(一)前言,界面UI [Cocos Creator游戏开发教程]仿微信趣味画赛车小游戏(二)物理刚体关节项目地址已放到 github ...
超长干货！Cocos Creator 粒子系统详解，零代码实现逼真自然效果
在上一篇<Cocos Creator 渲染实战:地编篇>中我们主要介绍了 3D 户外场景的搭建,本文中我们将了解粒子系统的使用方法和一些典型自然效果的实现,制作一个粒子效果的通常流程是: ...

Cocos Creator方向与角度转换

Cocos Creator方向与角度转换相关推荐

最新文章

热门文章