WEB 3D技术 three.js rotation元素旋转控制

发布时间:2023年12月21日

我们在官网中搜索 Euler
在这里插入图片描述
循环用的 就不是三维向量了 而是欧拉角对象
但欧拉角也是绕着某个轴进行旋转

我们有两个这样的元素
在这里插入图片描述
官网中的 order 比较特殊 它是先旋转完 x轴 然后旋转 y轴 最后旋转z轴
order也是它默认的值
在这里插入图片描述
一般来讲 我们用 就改 x y z就够了 order 一般不需要
例如 我们这里
在这里插入图片描述
设置元素沿着x轴 旋转 45度 明显 我们设置的这块蓝色元素就发生了偏转
在这里插入图片描述
这东西也是个局部的 子集会继承父元素的偏转角度
这里 我们设置父元素 偏转 45度
在这里插入图片描述
运行之后 你会发现 父子都偏转了45度
在这里插入图片描述
这是y轴偏转 45度效果
在这里插入图片描述
z轴旋转效果
在这里插入图片描述
大家应该不难发现 我们的子元素位移也会受到父元素偏转的影响 我们是向右 因为父元素的右朝向偏转 子元素的向右也有方向上的偏转

文章来源:https://blog.csdn.net/weixin_45966674/article/details/135138190
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。