three.jsの球体ジオメトリをポイント

Question

以下は私のスニペットですが、今は球面上に単一のパーティクルを配置したいと思います。 ParticalとSphereのジオメトリをどのように組み合わせることができますか？これが達成されると私はあなたが1のTHREE.Object3D()を使用して、それを操作するように2つのオブジェクトを扱いたい場合は、動的に

 init(); 
     animate(); 

     function init() { 
     camera = new THREE.PerspectiveCamera(60, window.innerWidth/window.innerHeight, 1, 2000); 
     camera.position.z = 500; 

     renderer = new THREE.WebGLRenderer(); 
     renderer.setClearColor(0x000000); 
     renderer.setPixelRatio(window.devicePixelRatio); 
     renderer.setSize(window.innerWidth, window.innerHeight); 

     document.body.appendChild(renderer.domElement); 

     scene = new THREE.Scene(); 

     loader = new THREE.TextureLoader(); 
     loader.load('<%= image_path('earthmap1k.jpg') %>', function (texture) { 
      geometry = new THREE.SphereGeometry(200, 20, 20); 
      material = new THREE.MeshBasicMaterial({ map: texture, overdraw: 0.5, wireframe: true }); 
      mesh = new THREE.Mesh(geometry, material); 
      scene.add(mesh); 
     }); 

    function addPartical() { 
    var distance = 200; 
    ggeometry = new THREE.Geometry(); 
    vertex  = new THREE.Vector3(); 
    theta  = THREE.Math.randFloatSpread(360); 
    phi  = THREE.Math.randFloatSpread(360); 

    vertex.x = distance * Math.sin(theta) * Math.cos(phi); 
    vertex.y = distance * Math.sin(theta) * Math.sin(phi); 
    vertex.z = distance * Math.cos(theta); 

    ggeometry.vertices.push(vertex); 

    particles = new THREE.Points(ggeometry, new THREE.PointsMaterial({color: 0xffffff})); 
    particles.boundingSphere = 50; 
    scene.add(particles); 
    }; 

     } 



     function animate() { 
     requestAnimationFrame(animate); 
     addParticle(); 
     render(); 
     } 

     function render() { 
     renderer.render(scene, camera); 
     } 

Answer 1

球の上に粒子をレンダリングします。