ThreeJS黑屏-没有控制台错误

时间:2020-04-12 08:48:44

标签: three.js

尝试学习three.js,在尝试复制Three.js示例时,我只能设法看到黑屏。我尝试添加半球灯,但没有任何改变。如果有人能指出正确的方向,我会很高兴

        renderer = new THREE.WebGLRenderer( { antialias: true } );
        renderer.setPixelRatio( window.devicePixelRatio );
        renderer.setSize( window.innerWidth, window.innerHeight );
        renderer.toneMappingExposure = 0.8;
        renderer.outputEncoding = THREE.sRGBEncoding
        container.appendChild( renderer.domElement );

        //var pmremGenerator = new THREE.PMREMGenerator( renderer );
        //pmremGenerator.compileEquirectangularShader();

        controls = new OrbitControls(camera, renderer.domElement );
        controls.addEventListener( 'change', render ); //use if no anim loop
        controls.minDistance = 2;
        controls.maxDistance = 10
        controls.target.set( 0, 0, - 0.2 );
        controls.update();

        window.addEventListener( 'resize', onWindowResize, false );

    }

    function.onWindowResize() {

        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();

        renderer.setSize( window.innerWidth, window.innerHeight );

        render();

    }


    function render() {

        renderer.render( scene, camera );

    }

    </script>

</body>

我真的不知道该怎么做,因为我刚开始。我正在本地电脑上本地运行,因此这不应该成为问题。预先感谢。

0 个答案:

没有答案