如何实现逐渐消失的网格的效果

Question

我想实现如下图的效果：

我最初使用GridHelper实现，但是达不到效果。
后来我使用如下代码：

var materialcolor1 = new THREE.MeshBasicMaterial( { color: color1,vertexColors: THREE.VertexColors, linewidth: 30, linecap: 'round', linejoin: 'round', transparent: true, opacity: 0.5， blending: THREE.MultiplyBlending } ); var depthMaterial = new THREE.MeshDepthMaterial();var geometry=new THREE.Geometry(); geometry.vertices.push(new THREE.Vector3( - halfSize, 0, k) ); geometry.vertices.push(new THREE.Vector3( halfSize, 0, k) ); var line = new THREE.SceneUtils.createMultiMaterialObject(geometry,[material, depthMaterial]);

但是场景中看不到网格线，我的代码有什么问题？或者有其他好的办法实现这种效果？
谢谢。

Answer 1

该问题已解决，使用ShaderMaterial。参见https://stackoverflow.com/que...