hw7 parts

pucks as point lights

by Perry Keh

HTML

<div id="info">hw7 parts
    <br/>Basics</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r70/three.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/3587259/Code/Threejs/OrbitControls.js">
    
</script>

CSS

#info {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffff00
}
body {
    overflow: hidden;
}

JavaScript

var camera, scene, renderer, geometry, geometry2, material, mesh, controls;
var pos, vel, pColor;
var clock = new THREE.Clock();
var puck;
var pointLight;
var playmesh;

init();
animate();

function init() {
    scene = new THREE.Scene();

    camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 1000);
    camera.position.z = 500;
    scene.add(camera);
    
    playmesh = new THREE.Object3D();
    
    geometry = new THREE.BoxGeometry(10, 30, 220);
    geometry2 = new THREE.BoxGeometry(60, 30, 10);
    material = new THREE.MeshBasicMaterial({
        transparent: true,
        color: 0xffffff,
        opacity: 0.4
    });
     material2 = new THREE.MeshBasicMaterial({
        transparent: true,
        color: 0xff2387,
        opacity: 0.4
    });

    mesh = new THREE.Mesh(geometry2, material);
    mesh.position.set(80, 15, 105);
    scene.add(mesh);
    mesh2 = mesh.clone();
    mesh2.position.set(-80, 15, 105);
    scene.add(mesh2);
    mesh3 = mesh.clone();
    //mesh3.rotation.y = Math.PI / 2;
    mesh3.position.set(80, 15, -105);
    scene.add(mesh3);
    mesh4 = mesh.clone();
    //mesh4.rotation.y = Math.PI / 2;
    mesh4.position.set(-80, 15, -105);
    scene.add(mesh4);
    mesh5 = new THREE.Mesh(geometry, material);
    mesh5.position.set(-105, 15, 0);
    scene.add(mesh5);
    mesh6 = mesh5.clone();
    mesh6.position.set(105, 15, 0);
    scene.add(mesh6);
    mesh7 =  new THREE.Mesh(geometry2, material2);
    mesh7.position.set(0, 15, 105);
    playmesh.add(mesh7);
    mesh8 = mesh7.clone();
    mesh8.position.set(0, 15, -105);
    playmesh.add(mesh8);
    scene.add(playmesh);


    pos = new THREE.Vector3(0, 1, 0);
    vel = new THREE.Vector3(50, 0, 70);
    pColor = new THREE.Color();
    pColor.setHSL(Math.random(), Math.random(), Math.random());
    puck = new THREE.Mesh(new THREE.CylinderGeometry(5, 5, 2, 20),
    new THREE.MeshBasicMaterial());
    scene.add(puck);

    pointLight = new...