Fatal编程技术网
  • three.js/
  • Three.js 透明纹理面上的透明纹理面渲染

Three.js 透明纹理面上的透明纹理面渲染

three.js

Three.js 透明纹理面上的透明纹理面渲染,three.js,Three.js,有没有办法在three.js中正确显示多个透明纹理？如果尝试在下面的非透明纹理平面上渲染透明纹理，则不会出现问题，但如果有多个透明平面，则最近的将“删除”下面的其他纹理，如您在此处所见： 在左边的图片上，有我想要的（实现了向每个透明材质添加depthWrite=false），在右边有我想要的，只有将transparent=true设置为带有RGBA纹理的材质 我已经尝试过使用alphaTest，但这不是我需要的，depthWrite有时不能满足我的需要（请看第一个屏幕中包围路径的绿线，它没有被

有没有办法在three.js中正确显示多个透明纹理？如果尝试在下面的非透明纹理平面上渲染透明纹理，则不会出现问题，但如果有多个透明平面，则最近的将“删除”下面的其他纹理，如您在此处所见：

在左边的图片上，有我想要的（实现了向每个透明材质添加
depthWrite=false
），在右边有我想要的，只有将
transparent=true
设置为带有RGBA纹理的材质

我已经尝试过使用alphaTest，但这不是我需要的，depthWrite有时不能满足我的需要（请看第一个屏幕中包围路径的绿线，它没有被房屋阴影覆盖）。

1您应该编辑您的问题，并添加我们应该在图像中看到的内容，但缺少的内容。还有一些代码是有用的。就我所读到的，我可以告诉你，你试过
材质。不透明度
？检查。别忘了你必须设置
material.transparent=true
不透明度来显示你的代码——最好是一个简单的现场演示。
alphaTest