Three.js模型中如何显示透明贴图

分类:计算机 | 三维开发 | 基础理论 | 综合 893
更新:2022-12-17 11:18:10
编辑

1 异常描述

在Three.js中加载某个模型时发现有些地方的贴图有问题,这些贴图是背景透明贴图,但是在场景中没有实现透明效果,而是把背景显示出来了白色,看着很别扭,如图所示:

2 异常分析

应该是哪里设置的有问题,模型的材质没有支持透明贴图。

3 异常解决

将模型的材质设为透明,代码如下:

loader.setDRACOLoader(_this.DRACO);
loader.load(path, function(gltf) {
_this.meshArray.push({
  key: key,
  mesh: gltf.scene
});
gltf.scene.traverse(function(child) {
  if (child.isMesh) {
    child.material.transparent = true; //将模型材质设为透明
  }
});
_this.scene.add(gltf.scene);
});

参考资料

https://blog.csdn.net/weixin_42137574/article/details/120226127