From 706637317643668278924e834b48b8d9b7fd0776 Mon Sep 17 00:00:00 2001 From: Paul Paradiso Date: Fri, 19 Apr 2013 13:04:25 -0400 Subject: [PATCH] some more js --- flickr/static/js/ex1.js | 66 +++++++++++++++++++++++++++++++++++++ flickr/templates/ex1.js | 0 flickr/templates/index.html | 5 +-- 3 files changed, 69 insertions(+), 2 deletions(-) create mode 100644 flickr/static/js/ex1.js create mode 100644 flickr/templates/ex1.js diff --git a/flickr/static/js/ex1.js b/flickr/static/js/ex1.js new file mode 100644 index 0000000..3251769 --- /dev/null +++ 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(); \ No newline at end of file diff --git a/flickr/templates/ex1.js b/flickr/templates/ex1.js new file mode 100644 index 0000000..e69de29 diff --git a/flickr/templates/index.html b/flickr/templates/index.html index 3f81387..9e5c56a 100644 --- a/flickr/templates/index.html +++ b/flickr/templates/index.html @@ -5,9 +5,10 @@ - + - + +
\ No newline at end of file