Robienie pętli w three.min.js

pytanie zadane 23 maja 2017 w JavaScript przez Zahrad Użytkownik (740 p.)

Jak zrobić pętlę w bibliotece Three.min.js dotycząca np.kwadratów albo innych fugur geometrycznych ?

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>MDN Games: Three.js demo</title>
        <style>
                body { margin: 0; padding: 0; }
                canvas { width: 100%; height: 100%; }
        </style>
</head>
<body>
<script src="three.min.js"></script>
<script>
var WIDTH = window.innerWidth-100;
var HEIGHT = window.innerHeight-100;
var krok = 10; //szybkosc poruszania kamery

var renderer = new THREE.WebGLRenderer({antialias:true});
renderer.setSize(WIDTH, HEIGHT);
renderer.setClearColor(0xAAAAAA, 2); //kolor tła
document.body.appendChild(renderer.domElement);

var scene = new THREE.Scene(); //Tworzenie sceny

var camera = new THREE.PerspectiveCamera(70, WIDTH/HEIGHT, 0.1, 10000); 
camera.position.z = 400;  
camera.position.y = 150;
camera.position.x = 0;
scene.add(camera);

var boxGeometry = new THREE.BoxGeometry(50, 50,50 );
var basicMaterial = new THREE.MeshLambertMaterial({color: 0x0095DD}); //basic
var cube = new THREE.Mesh(boxGeometry, basicMaterial);
cube.position.x = -340;
cube.position.y = 150;
cube.rotation.set(0, 0, 0);
scene.add(cube);




var light = new THREE.PointLight(0xFFFFFF);
light.position.set(-100, 15, 50);
scene.add(light);

//FX
var X_AXIS = new THREE.Vector3( 0, 1, 0 );
        
var t = 0;
function render() {
        t += 0.01;
        requestAnimationFrame(render);
        cube.rotation.y -= 0 	;
		cube.rotation.z += 0;
	
	
		
		
		
        renderer.render(scene, camera);
//dziala        camera.rotateOnAxis(X_AXIS,0.01);
}


render();


window.addEventListener('keydown', function(event) {
  switch (event.keyCode) {
    case 37: // Left
      camera.position.x-=krok;
    break;

    case 38: // Up
      camera.position.z-=krok;
    break;

    case 39: // Right
      camera.position.x+=krok;
    break;

    case 40: // Down
      camera.position.z+=krok;
    break;
  }
}, false);





</script>

</body>
</html>

Zeby to wam zadziałało musicie na sztywno pobrać boblioteke