在SphereGeometry上繪製網格線

Question

我嘗試繪製一個THREE.mesh的線條，其幾何體使用SphereGeometry和材質使用MeshBasicMaterial。

要做到這一點，我已經使用了下面的代碼片段：

var segments = 32 
    var geometry = new THREE.SphereGeometry(3, segments, segments, 0, Math.PI * 2, 0, Math.PI * 2); 
     var material = new THREE.MeshBasicMaterial({color: 0x900000}); 
     var sphere = new THREE.Mesh(geometry, material); 

    scene.add(sphere); 

這段代碼不會產生預期的線條。

，而不是上面的代碼，我想也是這樣做：不顯示

var sphere = new THREE.Object3D(); 
    sphere.add(new THREE.LineSegments(

     new THREE.Geometry(), 

     new THREE.LineBasicMaterial({ 
      color: 0xffffff, 
     transparent: true, 
     opacity: 0.5 
     }) 

     )); 

    sphere.add(new THREE.Mesh(

     new THREE.Geometry(), 

     new THREE.MeshPhongMaterial({ 
      color: 0x156289, 
     emissive: 0x072534, 
     side: THREE.DoubleSide, 
     shading: THREE.FlatShading 
     }) 

     )); 

    scene.add(sphere); 

網的線太多。

我用three.min.js版本74.

Answer 1

使用THREE.WireframeHelper類。

var wireframe = new THREE.WireframeHelper(sphere, 0x00ff00); 
 
scene.add(wireframe);

http://threejs.org/docs/#Reference/Extras.Helpers/WireframeHelper