2016-10-04 62 views
0

我有這樣的代碼:如何添加對象到場景?

<html> 
<head> 
    <script src="js/three.js"></script> 

    <script type="text/javascript"> 
     function init() 
     { 
      var scene = new THREE.Scene(); 
      var camera = new THREE.PerspectiveCamera(0, window.innerWidth/window.innerHeight, 100, 100); 
      var renderer = new THREE.WebGLRenderer(); 
      renderer.setSize(1000, 1000); 
      document.body.appendChild(renderer.domElement); 

      var sphere_geometry = new THREE.SphereGeometry(150); 
      var material1 = new THREE.MeshPhongMaterial({ color: 0x0033ff, specular: 0x555555 }); 
      var sphere_mesh = new THREE.Mesh(sphere_geometry, material1); 

      scene.add(sphere_mesh); 


      renderer.render(scene, camera); 
     } 
    </script> 
</head> 
<body onload="init()"> 
    <canvas id="mycanvas" width="100" height="100"></canvas> 
</body> 
</html> 

,我不能添加一個球體到場景中。我得到的唯一的東西是黑色方塊。我該怎麼做?

回答

1

只是一些快速提示:

-place攝像機看到物體,而不僅僅是位置,但它面對的方向,你有沒有在前面所有的對象嗎?

- 使物體可見,選擇一個好的材質定義,從一個鍋爐板/ hello world場景開始,一旦它工作,修改它以獲得您想要的場景。

相關問題