2016-10-04 9 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

ただ、いくつかの速いヒント:オブジェクトだけではなく、位置が、それが向いている方向を見るためにカメラのインプレース

は、あなたが前にあるすべてのオブジェクトを持っているのですか?

- オブジェクトを表示し、良い素材定義を選択し、ボイラープレート/ hello worldシーンから開始し、一度動作したら、それを変更してシーンを取得します。

関連する問題