2017-07-27 109 views
1

我试过了之前看到的所有内容,但它没有解决问题。我无法显示3D模型。许多人向我提到,这是相机问题,但似乎无法修复它。任何帮助,将不胜感激:)three.js 3d模型没有显示出来

<html> 
    <head> 
    <title>My first Three.js app</title> 
    <style>canvas { width: 100%; height: 100% }</style> 
    </head> 
    <body> 
    <script src="O:/FirstPublishedGame/FINAL-STEPS/levels/ForLevel3+/three.js-master/build/Three.js"></script> 
    <script src="O:/FirstPublishedGame/FINAL-STEPS/levels/ForLevel3+/three.js-master/src/ob"></script> 
    <script> 

    var scene = new THREE.Scene(); 
    var camera = new THREE.PerspectiveCamera(75, 
    window.innerWidth/window.innerHeight, 0.1, 1000); 
    var element = document.getElementById("container"); 


    var renderer = new THREE.WebGLRenderer({ alpha: true }); 
    renderer.setSize(window.innerWidth, window.innerHeight); 
    element.appendChild(renderer.domElement); 

    var loader = new THREE.OBJLoader(); 
    loader.load(
     'O:/FirstPublishedGame/FINAL-STEPS/levels/ForLevel3+/three.js-master/examples/obj/female02/female02.obj', 
     function (object) { 
      scene.add(object); 
    }); 

    function render() { 
     window.requestAnimationFrame(render); 
     renderer.render(scene, camera); 
    } 

    render(); 

    </script> 
    </body> 
</html> 

回答

0

你需要与容器的标识元素 - 尝试添加

<div id="container"></div> 

在你的身体开始。

否则,您无法将元素设置为它。

+0

然后我应该加什么到容器? –

+0

不要以为你需要在div内添加任何东西 - 渲染器会处理它。 –