three.js 3d 模型没有出现答案

【问题标题】：three.js 3d model isn't showing upthree.js 3d 模型没有出现
【发布时间】：2018-04-14 04:40:50
【问题描述】：

我尝试了之前看到的所有方法，但都没有解决问题。我无法显示 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>

【问题讨论】：

标签： javascript html three.js

【解决方案1】：

您需要一个 id 为容器的元素 - 尝试添加

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

在你身体的开始。

否则你不能给它设置元素。

【讨论】：

然后我应该在容器中添加什么？
不要认为您需要在 div 中添加任何内容 - 渲染器会处理。