当前位置: 首页 > 工具软件 > rotation.js > 使用案例 >

Three.js 旋转 rotation\rotateOnAxis\rotateX

沃盛
2023-12-01

属性:

属性名说明属性值类型使用方法
.rotation物体的局部旋转,以弧度来表示弧度object3D.rotation.x = MathUtils.degToRad(90)
  • 注意,这里设置的数值是弧度,需要和角度区分开
  • 角度 转 弧度 THREE.MathUtils.degToRad(deg)
  • 弧度 转 角度 THREE.MathUtils.radToDeg (rad)

方法:

rotateOnAxis 在局部空间中绕着该物体的轴来旋转一个物体

方法传参属性值类型使用方法
.rotateOnAxis( axis : Vector3, angle : Float )弧度object3D.rotateOnAxis(new Vector3(1,0,0),3.14)

rotateX / rotateY / rotateZ 绕局部空间的轴旋转这个物体

方法传参传参类型使用方法
.rotateX( rad : Float )弧度object3D.rotateX (MathUtils.degToRad(90))
.rotateY( rad : Float )弧度object3D.rotateY(MathUtils.degToRad(90))
.rotateZ( rad : Float )弧度object3D.rotateZ (MathUtils.degToRad(90))

角度弧度互转:

  • 弧度 = 角度 / 180 * Math.PI
  • 角度 = 弧度 * 180 / Math.PI
  • 角度 转 弧度 THREE.MathUtils.degToRad(deg)
  • 弧度 转 角度 THREE.MathUtils.radToDeg (rad)
  • π(弧度) = 180°(角度)
 类似资料: