three.js obj模型的mtl材质贴图不显示

在加载成功后模型会显示黑色或者白色模块，但是mtl文件是加载成功的，如果在mtl中使用了纹理贴图，需要在mtl文件中修改一下纹理贴图的路径（不只是需要mtl文件，还需要贴图文件），这里的路径是图片的相对路径。

loadObjWithMtl(scene) {const that = this;const assetsUrl = process.env.BASE_URL + process.env.VUE_APP_ASSETS;const path = assetsUrl + "/model/";const objName = "方体.obj";const mtlName = "方体.mtl";initModel();function initModel() {try {var mtlLoader = new MTLLoader();mtlLoader.resourcePath = path;mtlLoader.path = path;// 设置构造材质的一些选项。// mtlLoader.setMaterialOptions({//   side: THREE.DoubleSide,//   wrap: THREE.MirroredRepeatWrapping,//   normalizeRGB: false,//   ignoreZeroRGBs: false,//   invertTrProperty: false// });mtlLoader.load(mtlName, function (materials) {materials.preload();var objLoader = new OBJLoader();objLoader.setMaterials(materials);// 设置由 MTLLoader 载入的材质，或是其它由 MTLLoader.MaterialCreator 提供的材质。// materials.setMaterialOptions({//   side: THREE.DoubleSide// });objLoader.setPath(path);objLoader.load(objName, function (obj) {console.log(obj.children);obj.children.map(item => {item.geometry.center();item.scale.set(100, 100, 100);item.castShadow = true;item.receiveShadow = true;});console.log(scene);scene.add(obj)});});} catch (e) {console.error("解析失败", e);}}}

效果图：

three.js obj模型的mtl材质贴图不显示相关推荐

three.js mtl材质贴图未显示_C4D材质到底该怎么用？大多数设计师都没搞明白！
众所周知,在Cinema 4D中除了创建各式各样复杂的模型外,将创建好的模型赋予材质也是很重要的,这样才能为作品带来最佳的视觉表现. 但在日常的设计当中,却容易将材质搞混淆,导致模型被贴上错误的材质 ...
solidworks导出obj模型和mtl材质
目录 0.使用STL格式中转 1.使用solidworks宏 2.使用opencascade软件+step格式中转为何会有这种需求?因为大多数3D库,都支持导入obj模型和mtl材质,例如webGL ...
Three.js OBJ模型的剖切
一. 由于项目需要,我进行了模型剖切功能方面的研究,如果单纯实现模型剖切效果,我相信你会从这篇文章中得到收获. 二. 我对模型剖切功能的研究主要基于three.js中的webgl_clipping_s ...
Html显示3D Obj模型(支持mtl纹理)的源码方案（2:一张图创建人脸模型）
不要瞧不起html脚本语言,自从浏览器取消了flash,你是不是觉得html做不了炫酷的内容,错了!现在html支持OpenGL,支持直接渲染3D游戏.今天我们就来讲如何在html渲染3D 的Obj模 ...
Maya打开.obj模型并为其贴图
.obj模型在Maya中打开是没有贴图的,需要重新为其贴图. 首先将.obj模型导入Maya. 如下图: 接下来在菜单栏选择窗口,第二个下拉菜单(渲染编辑器),再选第三个下拉菜单(Hypershade ...
threeJs导入3D皮卡丘.obj模型，使用.jpg贴图，实现缩放旋转查看功能
先来看下最终的效果. 导入obj模型如果仅使用Mesh几何而不加载任何外部资源,则网页应直接在文件系统中运行,只需双击HTML文件打开即可以预览.而由于3D模型是从外部加载进来的,由于浏览器的原始策 ...
DirectX的OBJ模型加载与渲染
在之前的DirectX例子里我用的模型是.x文件,DirectX有一个方法D3DXLoadMeshFromX可以加载.x模型,但是这里有个问题,.x文件是没法用文本编辑器打开查看结构的,这里我来演示一 ...
【Three.js】解决使用Three.js导入obj模型不可见问题详细记录
问题描述: 近期在做三维重建项目,需要把最终生成的obj文件导入到web端浏览,这里使用的是three.js(另一个是babylon.js),但博主发现导入meshlab生成的obj时无法显示模型,但 ...
使用three.js导入OBJ模型，变更、修改成其他OBJ模型和模型不可见原因说明
最近的一个项目需要在HTML中对OBJ模型进行大量的变更,修改为其他模型.基于这个需求下,这里有一种解决方案. 另外在各大论坛上的相关博客基本都是那几种导入obj例子····并没有对后续操作进行说明. ...

three.js obj模型的mtl材质贴图不显示

three.js obj模型的mtl材质贴图不显示相关推荐

最新文章

热门文章