三JS無法看到球

我只是在看threejs.org網站上的文檔，並想我會給製造領域一出手，這裏是我也很快嘲笑了：三JS無法看到球

<!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>

麻煩我沒有看到任何球體，控制檯中也沒有錯誤......有人可以幫助解決這個問題。

來源

2014-04-22 user2405469

似乎像相機是在球體的邊緣。嘗試camera.position.z = 20;。

來源

2014-04-23 01:43:56 mrdoob

三JS無法看到球

回答

相關問題