js+three.js加载obj、mtl模型

你可以使用Three.js库来加载和渲染OBJ和MTL模型。首先，确保你已经引入了Three.js库。然后，你可以按照以下步骤加载和展示OBJ和MTL模型：

1. 创建一个场景(scene)，相机(camera)和渲染器(renderer)：

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

2. 创建一个OBJ加载器和MTL加载器：

var objLoader = new THREE.OBJLoader();
var mtlLoader = new THREE.MTLLoader();

3. 使用MTL加载器加载MTL文件，并将其传递给OBJ加载器：

mtlLoader.load('path/to/model.mtl', function (materials) {
    materials.preload();
    objLoader.setMaterials(materials);
});

4. 使用OBJ加载器加载OBJ文件，并将其添加到场景中：

objLoader.load('path/to/model.obj', function (object) {
    scene.add(object);
});

5. 设置相机位置，并创建一个渲染循环以更新场景：

camera.position.z = 5;

function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}

animate();

确保将'path/to/model.mtl'和'path/to/model.obj'替换为实际的文件路径。这样，你就可以通过Three.js加载和展示OBJ和MTL模型了。