threejs加载服务器文件,如何使用Three.js加载obj和mtl文件

OBJ和MTL是3D模型的几何模型文件和材料文件。

在最新的three.js版本(r78)中，以前的OBJMTLLoader类已废弃。

现在要加载OBJ和MTL文件，需要结合OBJLoader和MTLLoader两个类来实现，这也提供了操作的灵活性。

下述代码中首先使用MTLLoader加载egg.mtl材料文件，然后把该材料设置给一个OBJLoader对象，以便在加载obj模型的时候进行应用。

onProgress是加载过程回调函数，onError是错误处理函数。// model

var onProgress = function(xhr) {

if (xhr.lengthComputable) {

var percentComplete = xhr.loaded / xhr.total * 100;

console.log(Math.round(percentComplete, 2) + '% downloaded');

}

};

var onError = function(xhr) {};

THREE.Loader.Handlers.add(/\.dds$/i, new THREE.DDSLoader());

var mtlLoader = new THREE.MTLLoader();

mtlLoader.setPath('/uploads/160601/obj/');

mtlLoader.load('egg.mtl', function(materials) {

materials.preload();

var objLoader = new THREE.OBJLoader();

objLoader.setMaterials(materials);

objLoader.setPath('/uploads/160601/obj/');

objLoader.load('egg.obj', function(object) {

object.position.y = -0.5;

scene.add(object);

}, onProgress, onError);

});

threejs加载服务器文件,如何使用Three.js加载obj和mtl文件相关推荐

Three.js加载.obj和.mtl文件(无法加载材质、路径错误问题)
加载.obj模型文件本文是Three.js电子书的14.3节使用三维软件导出.obj模型文件的时候,会同时导出一个材质文件.mtl, .obj和.stl文件包含的信息一样都是几何体顶点相关数据,材 ...
uni-app IOS的threeJS本地obj、mtl文件的读取
uni-app IOS的threeJS本地obj.mtl文件的读取最近有个项目获取的是基于3D模型的obj文件与材质mtl文件的获取进行渲染控制,使用的混合开发框架是uniapp,其中遇到的问题是I ...
ifc文件转换成obj和mtl文件
ifcopenshell官网:http://www.ifcopenshell.org/ 点击ifcConvert 下载对应版本(我下载的是windows 64位) 将ifc文件拖动到IfcConver ...
加载服务器版本信息,传奇服务器端启动加载错误的解决方法
1.启动服务端M2报错的类型 2.错误分类,思路理清 3.文字总结以下常见现象传奇服务器端启动加载错误解决方法 Exception] 物品数据库加载错误! [Exception] 魔法数据库加载错误 ...
微信名片加好友服务器繁忙,还傻乎乎的微信加好友？这些细节你要注意！
原标题:还傻乎乎的微信加好友?这些细节你要注意! 虽然当下新朋友互相认识,名片已经不是最流行的方式,但在一些重要场合中,名片依然是不可或缺的.那么在人际交往中,使用名片应该注意哪些细节呢?作为目前非常 ...
ajax多文件上传，js限制上传文件大小，文件上传前在浏览器展示
文件上传是非常常见的功能,这里实现一个多文件上传的例子,前端能够控制上传文件的大小,并在前端展示选择的文件的信息,采用vue+jquery+springboot实现.效果如下: 点击生成的图片可以直接 ...
js怎么给div加滑动条 vue给弹出层加滑动条(一分钟学会用js加滚动条)
@[TOC](怎么给div加滑动条给弹出层加滑动条(一分钟学会js加滚动条)) 给div加滑动条给需要滑动条的div加一个样式加一个高度,加一个overflow:auto; overflow:a ...
HTML版的使用three.js加载obj和mtl文件并上贴图
目录效果图全部代码另: [Vue版的](https://blog.csdn.net/weixin_44601948/article/details/108502580) 效果图全部代码 < ...
three.js加载obj模型和材质
1.Vue中安装three.js和加载用的包安装three.js使用npm install three --save 安装加载obj和mtl文件的包npm install three-obj-mtl ...

threejs加载服务器文件,如何使用Three.js加载obj和mtl文件

threejs加载服务器文件,如何使用Three.js加载obj和mtl文件相关推荐

最新文章

热门文章