Wie fügt man ein Objekt zur Szene hinzu?

Ich habe Code wie folgt aus:Wie fügt man ein Objekt zur Szene hinzu?

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

und ich kann nicht eine Kugel in die Szene. Das einzige, was ich bekomme, ist schwarzes Quadrat. Wie kann ich es tun?

Quelle

2016-10-04 Ravo

Nur ein paar schnelle Tipps:

-Place die Kamera das Objekt, nicht nur Position, sondern um die Richtung zu sehen, wo es mit Blick auf, sind Sie alle Ihre Objekte vor haben?

-Machen Sie das Objekt sichtbar, wählen Sie eine gute Materialdefinition, beginnen Sie mit einem Boiler Plate/hello world Szene, sobald es funktioniert, ändern Sie es, um die Szene zu bekommen, wie Sie es wollen.

Quelle

2016-10-04 15:47:11 juagicre

Wie fügt man ein Objekt zur Szene hinzu?

Antwort

Verwandte Themen