Question

我正在尝试显示一个gltf模型，但是没有显示出来。我正在运行不带HTTP服务器的服务器，因此现在引起更多错误，此错误是“错误：无法建立连接。接收端不存在。”出现

    <html><head>
<title>My first three.js app</title>
<style>
  body {
    margin: 0;
  }
  canvas {
    display: block;
  }
</style></head>[enter image description here][1]<body>
<script src="js/three.js"></script>
<script src="js/GLTFLoader.js"></script>
<script> 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);

  var loader = new THREE.GLTFLoader();
  loader.load("LegoEv3.glb", handle_load);
  var mesh;

  function handle_load(gltf) {
    mesh = gltf.scene.children[0];
    scene.add(mesh);
    mesh.position, (z = -1000);
  }

  renderer.render(scene, camera);
</script>

Answer 1

在加载模型之前只能渲染一次。
加载模型并将其添加到场景后，尝试再次渲染

function handle_load(gltf) {
    mesh = gltf.scene.children[0];
    scene.add(mesh);
    mesh.position, (z = -1000);
    renderer.render(scene, camera); // You need to render after model is added
}

无法在Threejs中显示3D模型

1 个答案: