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

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

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

相关推荐

  1. 3D旋转rotatex

    2023-12-21 22:08:02       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-21 22:08:02       17 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-21 22:08:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-21 22:08:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-21 22:08:02       18 阅读

热门阅读

  1. dart 学习抽象类学习接口

    2023-12-21 22:08:02       37 阅读
  2. js实现给html加水印

    2023-12-21 22:08:02       37 阅读
  3. Android 8.0.0源码系统目录结构说明

    2023-12-21 22:08:02       34 阅读
  4. 深入理解 Rust 中的元编程

    2023-12-21 22:08:02       34 阅读
  5. FFmpeg实现RTSP推流

    2023-12-21 22:08:02       37 阅读
  6. 【重点】【DP】72.编辑距离

    2023-12-21 22:08:02       42 阅读