three.js 3D模型未显示

Question

我尝试了所有以前见过的一切，但未能解决问题。 我无法显示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>

Answer 1

您需要一个具有容器ID的元素-尝试添加

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

在您的身体开始时。

否则，您无法为其设置元素。

three.js 3D模型未显示

问题描述

1 个解决方案

解决方案1
0 2017-07-27 18:04:28

three.js 3D模型未显示

问题描述

1 个解决方案

解决方案1 0 2017-07-27 18:04:28

解决方案1
0 2017-07-27 18:04:28