Javascript 如何绘制和设置旋转三维对象轴的角度？

我有一颗旋转的行星（土星带光环），我将相机设置为：

  var camera = new THREE.PerspectiveCamera(45, width / height, 0.05, 1000);
  camera.position.z = 3;
  camera.position.y = 1;
  camera.position.x = 1;

我在这里看到的是一颗行星在某个角度，但行星本身在一个平面的x-y-z轴上

这就是它的样子：

---

我想画一条虚线/虚线来显示行星的实际轴线，该轴线与太阳面正交（假设太阳面='x-z'）。以及如何更改行星的默认轴（XYZ）设置为的角度

如果要在轴上旋转行星网格，可以使用如下模式：

mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

mesh.add( new THREE.AxisHelper( 10 ) ); // show the local coordinate system

mesh.rotation.set( 0, 0, - Math.PI / 8 ); // set initial orientation

然后，在渲染循环中

mesh.rotateY( 0.01 ); // rotate mesh around its local Y-axis

3.js r.71