无法在three.js中导入blender JSON

时间:2017-11-08 07:55:36

标签: typescript three.js blender

我是blender和three.js的新手。目前我在将从blender导出的JSON文件导入three.js时遇到了一些问题。但是,导入的模型没有出现在浏览器中,我甚至无法找到问题。

这是打字稿中的代码。

  initWebGL() {

    // Setting up the three major needs
    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(45, width / height, 1, 1000);
    camera.position.set(1, 2, 5);
    camera.lookAt(new THREE.Vector3(0, 0, 0));

    renderer = new THREE.WebGLRenderer();
    renderer.setClearColor('rgb(120, 120, 120)');
    renderer.setSize(width, height);
    renderer.shadowMap.enabled = true;

    container.appendChild(renderer.domElement);    
    let loader = new THREE.JSONLoader();
    loader.load('./assets/modulr.json', function (geometry, materials) {
      var material = materials[0];
      var object = new THREE.Mesh(geometry, material);
      scene.add(object);
    });

    renderer.render(scene, camera);
  }
}

当我在console.log(场景)时,对象出现在控制台中,但它没有出现在浏览器中。有人请告诉我代码的哪一部分我做错了。 谢谢

0 个答案:

没有答案