Question

我正在使用three.js开发网络系统。

加载fbx文件后，在场景中看不到任何模型。

然后控制台中没有错误代码，仅显示

RMSE

有人可以帮助解决这个问题吗？

谢谢。

main.js代码

Experiment

HTML代码

THREE.FBXLoader: FBX binary version: 7400

版本：three.js r116

Answer 1

嗯...您能复制/粘贴此代码并告诉我您看到了什么吗？它为我工作。

window.addEventListener('load', init);

init();

function init() {
  const width = 960;
  const height = 540;

  const renderer = new THREE.WebGLRenderer({
    canvas: document.querySelector('#myCanvas')
  });
  renderer.setSize(width, height);

  const scene = new THREE.Scene();
  const light = new THREE.AmbientLight(0x404040);
  scene.add(light);

  const loader = new THREE.FBXLoader();
  loader.load("static/fbx/dennis.fbx", function(object) {
    scene.add(object);
  });

  const camera = new THREE.PerspectiveCamera(45, width / height);
  camera.position.set(0, 200, 100);

  const plane = new THREE.Mesh(new THREE.PlaneBufferGeometry(200, 200), new THREE.MeshPhongMaterial({ color: 0xff0000, side: THREE.DoubleSide }));
  plane.rotation.x = -Math.PI / 2;
  scene.add(plane);

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

  document.body.appendChild(renderer.domElement);
  tick();
  function tick() {
    requestAnimationFrame(tick);
    renderer.render(scene, camera);
  }
}

我总是添加飞机以确保看到一些东西^^

加载fbx文件后为什么看不到任何模型？

1 个答案: