some more js

paulparadiso · Apr 19, 2013 · 7066373 · 7066373
1 parent ed1787b
commit 7066373
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 2 deletions.
diff --git a/flickr/static/js/ex1.js b/flickr/static/js/ex1.js
@@ -0,0 +1,66 @@
+var camera, scene, renderer;
+var windowScale;
+var cameraControls;
+var clock = new THREE.Clock();
+
+function drawGoldCube(){
+	var cube;
+	var cubeSizeLength = 100;
+	var goldColor = '#FFDF00';
+	var showFrame = true;
+	var wireMaterial = new THREE.MeshBasicMaterial({color: goldColor, wireFrame: showFrame});
+	var cubeGeometry = new THREE.CubeGeometry(cubeSizeLength, cubeSizeLength, cubeSizeLength);
+	var cube = new THREE.Mesh(cubeGeometry, wireMaterial);
+	cube.position.x = 0;
+	cube.position.y = 0;
+	cube.position.z = 0;
+	scene.add(cube);
+}
+
+function init(){
+	var canvasWidth = window.innerWidth - 8;
+	var canvasHeight = window.innerHeight - 16;
+	var canvasRatio = canvasWidth / canvasHeight;
+
+	scene = new THREE.Scene();
+	scene.fog = new THREE.Fog(0x808080, 2000, 4000);
+
+	scene.add(new THREE.AmbientLight(0x222222));
+
+	renderer = new THREE.WebGLRenderer({antialias: true});
+	renderer.gammaInput = true;
+	renderer.gammaOutput = true;
+	renderer.setSize(canvasWidth, canvasHeight);
+	renderer.setClearColor(scene.fog.color, 1);
+
+	var container = $('#container');
+	container.append(renderer.domElement);
+
+	camera = new THREE.PerspectiveCamera(45, canvasRatio, 1, 4000);	
+	camera.position.set(-200, 200, -150);
+
+	//cameraControls = new THREE.OrbitAndPanControls(camera, renderer.domElement);
+	//cameraControls.target.set(0,0,0);
+
+	scene.add(camera);
+
+	//Coordinates.drawGrid({size: 1000, scale:0.01});
+	//Coordinates.drawGrid({size: 1000, scale:0.01, orientation:'y'});
+	//Coordinates.drawGrid({size: 1000, scale:0.01, orientation:'z'});
+}
+
+
+function animate(){
+	requestAnimationFrame(animate);
+	render();
+}
+
+function render(){
+	var delta = clock.getDelta();
+	//cameraControls.update(delta);
+	renderer.render(scene, camera);
+}
+
+init();
+drawGoldCube();
+animate();
diff --git a/flickr/templates/ex1.js b/flickr/templates/ex1.js
diff --git a/flickr/templates/index.html b/flickr/templates/index.html
@@ -5,9 +5,10 @@
   <script type="text/javascript" src="/static/js/jquery-1.9.1.min.js"></script>
   <script type="text/javascript" src="/static/js/three.min.js"></script>
   <script type="text/javascript" src="/static/js/ImageTexture.js"></script>
-  <script type="text/javascript" src="/static/js/eoe.js"></script>
+  <script type="text/javascript" src="/static/js/ex1.js"></script>
 </head>
-<body onload="init();">
+<!--<body onload="init();">-->
+<body>
   <div id="container">
   </div>
 </body>