three.js / 修复载入模型的 texture 背景为黑色的问题

最新推荐文章于 2025-03-05 16:35:57 发布

原创最新推荐文章于 2025-03-05 16:35:57 发布 · 4.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#three.js

作业笔记专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一个使用THREE.js加载3D模型文件并调整材质透明度的示例。通过设置路径和加载材质文件(.mtl)，然后预加载材质并在加载完成后遍历所有材质设置透明属性。


 var mtlLoader = new THREE.MTLLoader();
  var treept = 'obj/Models/';   
  var self = this;
  mtlLoader.setPath( treept);
  mtlLoader.load( 'BL16a.mtl', function( materials ) {

 materials.preload();


 var mat = materials.materials; 
 for (var key in mat) {
     console.log(key) 
     mat[key].transparent = true; // 类似如此修改材质属性即可
 }