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