 light2.position.set -100, 100, -100
 scene.add light2
 
-# material = 	new THREE.MeshPhongMaterial
-# 	color: 0xffffff
-# 	specular: 0xffffff
-# 	shininess: 20
-# 	morphTargets: true
-# 	vertexColors: THREE.FaceColors
-# 	shading: THREE.FlatShading
-
 material = new THREE.MeshBasicMaterial
 	color: 0xaaaaaa
 	wireframe: true
 
+# create a box and add to scene 
 box = new THREE.Mesh (new THREE.BoxGeometry 1, 1, 1), material
-
-
 scene.add box
 
 box.rotation.x = 0.5

require './style.css'
THREE = require 'three'

scene = new THREE.Scene()

camera = new THREE.PerspectiveCamera 75, window.innerWidth / window.innerHeight, 0.1, 1000

renderer = new THREE.WebGLRenderer()

renderer.setSize window.innerWidth, window.innerHeight

document.body.appendChild renderer.domElement

axis = new THREE.AxisHelper 10

scene.add axis

light = new THREE.DirectionalLight 0xffffff, 1.0, 0
light.position.set 100, 100, 100
scene.add light


camera.lookAt scene.position

# rerender every frame
animate = ->
	requestAnimationFrame animate
	render()
