更新线框几何

Question

是否可以显示线框和对象本身，其顶点会通过着色器不断更新。

我的代码基本上是

var mainGeo = new THREE.SphereGeometry(100, 80, 80);
var shaderMaterial = new THREE.ShaderMaterial({
  transparent: true,
  uniforms: displacementUniforms,
  vertexShader: document.getElementById('displacement_vertex').textContent,
  fragmentShader: document.getElementById('displacement_fragment').textContent,  
});

myObject = new THREE.Object3D();

objectLayer1 = new THREE.Mesh(mainGeo, shaderMaterial);
objectLayer2 = new THREE.LineSegments(
  new THREE.WireframeGeometry( objectLayer1.geometry ),
  new THREE.LineBasicMaterial({
    color: 0xff5555,
    transparent: true,
    opacity: 0.5
  })
);

myObject.add(objectLayer1);
myObject.add(objectLayer2);
scene.add(myObject);

update();

updateRender(){
  //RenderScene
  //RenderShaderSourceScene
}

update(){

  //do some stuff

  updateUniforms();
  updateRender();

  requestAnimationFrame(update);
}

updateUniforms(){

  //change shader uniform values

}

我尝试了wireframeGeometry，但无法更新其顶点。

例如; 我用置换着色器创建了这个对象，并随时间更改了它的值。

现在我的目标是 在对象周围显示线框，还可以访问线框的属性，例如宽度，颜色，不透明度等。

那怎么可能？

提前致谢..

Answer 1

我想通了！

    objectLayer2 = new THREE.LineSegments(objectLayer1.geometry,shaderMaterial);

但现在有颜色问题。

---

编辑，是的！

由于我的线段是从着色器获取顶点和颜色值的，因此我需要编写一个小片段着色器以重新着色线段。

这里是;

uniform vec3 lineSegmentColor;

void main() { 
  gl_FragColor = vec4( lineSegmentColor, 1.0 );
}