要使用Three.js加载两个OBJ文件,你可以使用以下步骤:

  1. 创建一个HTML文件并引入Three.js库:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Load Two OBJ Files with Three.js</title>
    <style>
      body { margin: 0; }
      canvas { display: block; }
    </style>
  </head>
  <body>
    <script src="https://threejs.org/build/three.js"></script>
    <script src="https://threejs.org/examples/js/loaders/OBJLoader.js"></script>
    <script src="https://threejs.org/examples/js/loaders/MTLLoader.js"></script>
    <script src="https://threejs.org/examples/js/loaders/OrbitControls.js"></script>
    <script src="script.js"></script>
  </body>
</html>
  1. 创建一个JavaScript文件(例如script.js),在其中加载两个OBJ文件:
var scene, camera, renderer, controls;

init();
animate();

function init() {
  scene = new THREE.Scene();
  camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );
  camera.position.z = 5;

  renderer = new THREE.WebGLRenderer();
  renderer.setSize( window.innerWidth, window.innerHeight );
  document.body.appendChild( renderer.domElement );

  controls = new THREE.OrbitControls( camera, renderer.domElement );

  // 加载第一个OBJ文件
  var mtlLoader1 = new THREE.MTLLoader();
  mtlLoader1.load( 'model1.mtl', function( materials ) {
    materials.preload();
    var objLoader1 = new THREE.OBJLoader();
    objLoader1.setMaterials( materials );
    objLoader1.load( 'model1.obj', function ( object ) {
      scene.add( object );
    });
  });

  // 加载第二个OBJ文件
  var mtlLoader2 = new THREE.MTLLoader();
  mtlLoader2.load( 'model2.mtl', function( materials ) {
    materials.preload();
    var objLoader2 = new THREE.OBJLoader();
    objLoader2.setMaterials( materials );
    objLoader2.load( 'model2.obj', function ( object ) {
      scene.add( object );
    });
  });
}

function animate() {
  requestAnimationFrame( animate );
  renderer.render( scene, camera );
  controls.update();
}
  1. 将需要加载的OBJ文件(例如model1.obj和model1.mtl)和(例如model2.obj和model2.mtl)放在与HTML文件相同的目录下。

  2. 在浏览器中打开HTML文件,你应该能够看到加载的两个OBJ文件。注意,你可以根据需要调整相机和控制器的参数以及场景的设置

请问如何用threejs加载两个obj文件

原文地址: https://www.cveoy.top/t/topic/ighy 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录