来自three.jstutorialonshaders，我们了解到我们可以更新ShaderMaterial的统一值:varattributes={displacement:{type:'f',//afloatvalue:[]//anemptyarray}};varuniforms={amplitude:{type:'f',//afloatvalue:1}};varvShader=$('#vertexshader');varfShader=$('#fragmentshader');//createthefinalmaterialvarshaderMaterial=newTHREE.Mes

我正在绘制两个相邻的几何体并让它们旋转。问题是第一个绘制的阻碍了第二个，透明度应该生效。这两个对象应该具有相同的透明度，无论谁先被绘制。这就是混合打开而深度测试关闭的原因。以下是图片:两个几何体都是使用THREE.ShaderMaterial的点云，如下所示:varshaderMaterial=newTHREE.ShaderMaterial({uniforms:uniforms,attributes:attributes,vertexShader:document.getElementById('vertexshader').textContent,fragmentShader:doc

我注意到THREE.js在内部使用着色器来创建核心Material“例如MeshLambertMaterial”，因此我决定将Lambert着色器从Three.js代码复制到一个新的着色器中并在其上构建。这是我得到的代码(忠实地从Three.jsr66复制而来)THREE.MyShader={uniforms:THREE.UniformsUtils.merge([THREE.UniformsLib["common"],THREE.UniformsLib["fog"],THREE.UniformsLib["lights"],THREE.UniformsLib["shadowmap"],{