Cocos Creator Node 旋转角度实现的几种方法

rotation 需要四元数进行旋转,具体旋转方法本博主直接绕开了,因为没给案例不太了解,知道的欢迎评论

1.在Cocos Creator v3.6中,要使用setRotation方法将节点旋转90度,可以使用以下代码:

// 获取节点
var node = this.node.getChildByName('NodeName');

// 将节点绕z轴旋转90度
node.setRotationFromEuler(new Vec3(0, 0, -90));  //老版本 (cc.v3(0, 0, -90))

在这里插入图片描述

以上代码中,我们首先使用getChildByName方法获取要旋转的节点,并将其保存在node变量中。然后,我们使用setRotationFromEuler方法将节点绕z轴旋转90度,这里我们将角度设置为-90度,因为Cocos Creator中正角度是逆时针旋转的,而我们通常习惯于顺时针旋转角度。

2.用angle 欧拉角表示,限定在 z 轴上

// 获取节点
var node = this.node.getChildByName('NodeName');

// 将节点绕z轴旋转90度
node.angle = 200;

在这里插入图片描述

3.缓慢旋转角度,tween缓动系统
Cocos Creator提供了一个强大的缓动动作库来执行Tween动画,通过Tween动画可以轻松实现各种缓动效果,包括旋转物体。以下是通过Tween动画旋转物体的示例代码:

// 获取节点
var node = this.node.getChildByName('NodeName');

// 使用Tween动画旋转节点
tween(node)
  // 缓动时间为1秒
  .to(1, {angle: 90}, {easing: 'quartOut'})
  .start();

在这里插入图片描述

上述代码中,我们使用tween函数创建一个Tween对象,并将节点作为参数传入。然后,我们使用to方法指定节点旋转的目标角度和缓动时间。这里我们将目标角度设置为90度,并将缓动时间设置为1秒。最后,我们使用easing方法指定缓动函数,这里使用了quartOut函数,它可以让物体的旋转速度逐渐减慢,达到更自然的旋转效果。最后,我们调用start方法开始Tween动画。


cocos creator 3.x 旋转90度,cocos Node rotation旋转角度, cocos 欧拉角旋转,cocos tween旋转

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值