Three.js 三个J无法看到球体_Three.js

Three.js 三个J无法看到球体

three.js

Three.js 三个J无法看到球体,three.js,Three.js,我正在看threejs.org网站上的文档，我想我会尝试制作一个球体，下面是我快速制作的模型： <!DOCTYPE html> <html> <head> <title>Sphere</title> <style>canvas { width: 100%; height: 100% }</style> </head> <body>

我正在看threejs.org网站上的文档，我想我会尝试制作一个球体，下面是我快速制作的模型：

<!DOCTYPE html>
<html>
    <head>
        <title>Sphere</title>
        <style>canvas { width: 100%; height: 100% }</style>
    </head>
    <body>
        <script type="text/javascript" src="../../threejs/build/Three.js"></script>
        <script>
            var scene = new THREE.Scene();
            var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

            var renderer = new THREE.WebGLRenderer();
            renderer.setSize( window.innerWidth, window.innerHeight );
            document.body.appendChild( renderer.domElement );


            var geometry = new THREE.SphereGeometry(5, 32, 32);
            var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
            var sphere = new THREE.Mesh(geometry, material);
            sphere.overdraw = true;
            scene.add( sphere );

            camera.position.z = 5;

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

            render();
        </script>
    </body>
</html>


球体
画布{宽度：100%；高度：100%}
var scene=new THREE.scene（）；
var摄像机=新的三透视摄像机（75，window.innerWidth/window.innerHeight，0.11000）；
var renderer=new THREE.WebGLRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
var几何=新的三种。球墨法（5,32,32）；
var material=new THREE.MeshBasicMaterial（{color:0x00ff00}）；
var sphere=新的三个网格（几何体、材质）；
sphere.overdraw=true；
场景。添加（球体）；
摄像机位置z=5；
函数render（）{
请求动画帧（渲染）；
渲染器。渲染（场景、摄影机）；
} 
render（）；

麻烦，我看不到球体，控制台中也没有错误……有人能帮我解决这个问题吗。

摄像机似乎位于球体的边缘。尝试

camera.position.z=20