使用 three.js 导入 3d 模型

Question

我正在努力学习 three.js 并且我一直在关注他们的文档。我无法设法从搅拌机导入对象。我在这里做错了什么？我有场景、相机、渲染器和加载器。

import * as THREE from "https://cdn.skypack.dev/three@0.131.3";
import { GLTFLoader } from "path/";

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera(
  75,
  window.innerWidth / window.innerHeight,
  0.1,
  1000
);

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

const loader = new GLTFLoader();

loader.load(
  "path/object.glb",
  function (gltf) {
    scene.add(gltf.scene);
  },
  undefined,
  function (error) {
    console.error(error);
  }
);
renderer.render(scene, camera);

Answer 1

无法从 "path/" 导入 GLTFLoader，因为那是一个文件夹。您需要指向包含加载程序代码的 .js 文件。

（此外，如果您 post 在控制台中看到任何错误，这将很有帮助）

使用 three.js 导入 3d 模型

Import 3d model with three.js

javascript

three.js