带有three.js的简单太阳系

Question

带有three.js的简单太阳系

我必须用three.js 创建一个小型太阳系（1 个恒星、2 个行星、1 个卫星绕行星运行）这是我第一次用three.js（以及一般的JavaScript）编程，所以我是一个完全的新手。

我设法创建了我的静态系统，这样我就有了太阳、火星、火卫一、地球和月球。

现在我不知道如何让行星绕太阳运行，卫星绕行星运行。

这是我到目前为止所做的

     //global variables declaration
  function init(){
     /*starting code: cameras, declaring variables and so on*/
    function celestialBodiesSetup(){
        var geometry,material,image;
        var celestialBodies=[sun,mars,phobos,earth,moon];
        //sun, mars etc are declared as global variables before the init function
        for(var i=0;i<celestialBodies.length;i++){
            switch (celestialBodies[i]){
                case sun:
                    material=new THREE.MeshPhongMaterial();
                    geometry =new THREE.SphereGeometry(35,32,32);
                    image="mysun.png";
                    sun=createSphere(geometry,material,image);
                    sun.position.set(0,0,20);
                    var pointLight = new THREE.PointLight( 0xFDFDFD, 2, 1800,70 );
                    sun.add(pointLight);
                    break;
                case mars:
                    material=new THREE.MeshPhongMaterial();
                    geometry =new THREE.SphereGeometry(17,32,32);
                    image="mars.jpg";
                    mars=createSphere(geometry,material,image,sun);
                    mars.position.set(150,-15,0);
                    break;
             /*repeat process for the remaining celestial bodies*/
       function createSphere(geometry,material,image,celBody){
        var sphere = new THREE.Mesh(geometry, material);
        material.map= THREE.ImageUtils.loadTexture(image);
        if(celBody) celBody.add(sphere); /*I set that all the planets are added to the sun, and all 
           the moons are added to their planet. Only the sun is added to the scene itself*/
        else scene.add(sphere);
        return sphere;
    }
   celestialBodiesSetup();   
}

Run Code Online (Sandbox Code Playgroud)

在这一点上，我必须处理 animate() 函数，但我对向量、旋转等一无所知。

我唯一能做的就是设置类似 earth.rotation.y+=0.1 的东西，以便行星开始绕其轴旋转，但仅此而已。