0
我是THREE.js noob。我复制了一些代码,但由于某种原因,我的球体在中间不会渲染。有没有人有想法?这里是我的代码:three.js不会渲染球体
<canvas id='canvas' width='960' height='720'></canvas>
\t \t <script src="https://ajax.googleapis.com/ajax/libs/threejs/r69/three.min.js"></script>
\t \t <script>
\t \t var T = THREE;
\t \t var canvas = document.getElementById('canvas');
\t \t var WIDTH = 960, HEIGHT = 720;
\t \t var VIEW_ANGLE = 45, ASPECT = WIDTH/HEIGHT, NEAR = 0.1, FAR = 10000;
\t \t var renderer = new T.WebGLRenderer({antialias:true});
\t \t var camera = new T.PerspectiveCamera(VIEW_ANGLE, ASPECT, NEAR, FAR);
\t \t var scene = new T.Scene();
\t \t scene.add(camera);
\t \t camera.position.z = 300;
\t \t renderer.setSize(WIDTH, HEIGHT);
\t \t var sphMat = new T.MeshLambertMaterial({color: 0x778B71});
\t \t var sph = new T.Mesh(new T.SphereGeometry(5, 20, 20), sphMat);
\t \t sph.position.x = 0;
\t \t sph.position.y = 0;
\t \t sph.position.z = 0;
\t \t scene.add(sph);
\t \t renderer.render(scene, camera);
\t \t canvas.appendChild(renderer.domElement);
\t \t </script>