diff options
| author | Yuval Adam <yuv.adm@gmail.com> | 2012-05-18 20:52:35 +0300 |
|---|---|---|
| committer | Yuval Adam <yuv.adm@gmail.com> | 2012-05-18 20:52:35 +0300 |
| commit | 236d03825f0760c1b7b84baef5f9dbfcb10bd599 (patch) | |
| tree | b7749b7eee3fc9a85bc1d6dacf7ca88003d49dc0 | |
| parent | 4f25fdbe6c14ebbe6976e2263b88fc517135cd3a (diff) | |
removing index.html from master
| -rw-r--r-- | index.html | 117 |
1 files changed, 0 insertions, 117 deletions
diff --git a/index.html b/index.html deleted file mode 100644 index d0e4189..0000000 --- a/index.html +++ /dev/null @@ -1,117 +0,0 @@ -<html> - <head> - <title>Wishing Tree Playground</title> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> - <script src="http://mrdoob.github.com/three.js/build/Three.js"></script> - <script src="lsys.js"></script> - </head> - - <body> - <h2>L-Systems.js Playground</h2> - <div id="container"></div> - <script> - - var WIDTH = 800; //window.innerWidth; - var HEIGHT = 600; //window.innerHeight; - - var container; - var scene, camera, renderer; - - var mouseX = 0, mouseY = 0; - var windowHalfX = WIDTH / 2; - var windowHalfY = HEIGHT / 2; - - init(); - draw_axes(); - draw_cube(); - animate(); - - function init() { - scene = new THREE.Scene(); - - camera = new THREE.PerspectiveCamera(20, WIDTH / HEIGHT, 1, 10000); - camera.position.z = 180; - scene.add(camera); - - light = new THREE.DirectionalLight( 0xffffff ); - light.position.set( 0, 0, 1 ); - scene.add(light); - - renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize(WIDTH, HEIGHT); - - container = document.getElementById('container'); - container.appendChild(renderer.domElement); - - document.addEventListener('mousemove', onDocumentMouseMove, false); - } - - function onDocumentMouseMove( event ) { - mouseX = (event.clientX - windowHalfX); - mouseY = (event.clientY - windowHalfY); - } - - function draw_axes() { - var home = new THREE.Vector3(0,0,0); - - var x_axis = [home, new THREE.Vector3(150,0,0)]; - var y_axis = [home, new THREE.Vector3(0,150,0)]; - var z_axis = [home, new THREE.Vector3(0,0,150)]; - - var axis_geometry = [ - new THREE.Geometry(), - new THREE.Geometry(), - new THREE.Geometry() - ]; - - axis_geometry[0] = new THREE.Shape(x_axis).createPointsGeometry(); - axis_geometry[1] = new THREE.Shape(y_axis).createPointsGeometry(); - axis_geometry[2] = new THREE.Shape(z_axis).createPointsGeometry(); - - var axis_material = [ - new THREE.LineBasicMaterial({ color : 0xff0000 }), - new THREE.LineBasicMaterial({ color : 0x00ff00 }), - new THREE.LineBasicMaterial({ color : 0x0000ff }) - ]; - - var axis_line = [ - new THREE.Line(axis_geometry[0], axis_material[0]), - new THREE.Line(axis_geometry[1], axis_material[1]), - new THREE.Line(axis_geometry[2], axis_material[2]) - ]; - - scene.add(axis_line[0]); - scene.add(axis_line[1]); - scene.add(axis_line[2]); - } - - function draw_cube() { - var materials = []; - for (var i=0; i<6; i++) { - materials.push(new THREE.MeshBasicMaterial({ - color : Math.random() * 0xffffff - })); - } - - var cube = new THREE.Mesh(new THREE.CubeGeometry(5, 5, 5, 1, 1, 1, materials), new THREE.MeshFaceMaterial()); - cube.position.x = 2.5; - cube.position.y = 2.5; - cube.position.z = 2.5; - scene.add(cube); - } - - function animate() { - requestAnimationFrame(animate); - render(); - } - - function render() { - camera.position.x += (mouseX - camera.position.x) * 0.05; - camera.position.y += (-mouseY - camera.position.y) * 0.05; - camera.lookAt(scene.position); - renderer.render(scene, camera); - } - - </script> - </body> -</html> |