Javascript chrome中.png文件的三个.js透明度问题

Javascript chrome中.png文件的三个.js透明度问题,javascript,google-chrome,three.js,webgl,Javascript,Google Chrome,Three.js,Webgl,我最近开始使用three.js,我正在尝试渲染一个人体模型。我有两个本质上是透明的对象:头发和脸,透明度取自.png图像纹理。一、 我使用的是three.js版本r82,它在firefox中运行得非常好。但我对谷歌Chrome中的相同代码有一个问题,因为透明对象以一种奇怪的方式运行 我在本地获取文件,并使用THREE.TextureLoader加载png图像文件 请帮我解决这个问题。提前谢谢你你的所有材质都设置为透明:真的吗?有两个透明对象…头发和脸..对于它们,透明设置为真添加alphaT

我最近开始使用three.js,我正在尝试渲染一个人体模型。我有两个本质上是透明的对象:头发和脸,透明度取自.png图像纹理。一、 我使用的是three.js版本r82,它在firefox中运行得非常好。但我对谷歌Chrome中的相同代码有一个问题,因为透明对象以一种奇怪的方式运行

我在本地获取文件,并使用THREE.TextureLoader加载png图像文件


请帮我解决这个问题。提前谢谢你

你的所有材质都设置为透明:真的吗?有两个透明对象…头发和脸..对于它们,透明设置为真添加
alphaTest:0.5
到你的材质这只会使我的对象在透明的地方的alphavalue为0.5…但我希望它获得透明度从图像文件中…相同的代码在Firefox中完美运行..为什么只有在chrome中才会出现此问题?在完全加载纹理后,如图所示应用纹理?您是否尝试过使用旧版本的Three.js(以防万一…)?您是否尝试更新材质和纹理
material.needsUpdate=true
material.map.needsUpdate=true
?是否所有材质都设置为
透明:true
?有两个透明对象…头发和脸..对于它们,透明设置为true添加
alphaTest:0.5
材质这只会使我的对象在透明的地方的alphavalue为0.5…但我希望它从图像文件中获得透明度…相同的代码在Firefox中完美工作。为什么只有在chrome中才会出现此问题?在完全加载纹理后,如图所示应用纹理?您是否尝试过使用旧版本的Three.js(以防万一…)?您是否尝试过更新材质和纹理
material.needsUpdate=true
material.map.needsUpdate=true