hw7 parts

game log

by chuby0307

HTML

<h1 style="text-align:center"> My first game </h1>
<hr>

<div id="init">User Name:
    <input id="user" type="text" value="Mickey">
    <br/>
    <br/>
    <button id="login">Login</button>
    <p id='greeting'></p>
</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, material, mesh, controls;
var pos, vel;
var clock = new THREE.Clock();
var puck;
var pColor;
var records = [];

init();
animate();

$("#login").click(function () {
    var name = document.getElementById('user').value;
    //alert(name + " is playing");

    var result = searchUser(name);
    if (result >= 0) {
        document.getElementById('greeting').innerHTML = "Your high score: " + result;
    } else {
        document.getElementById('greeting').innerHTML = "Welcome!";
    }
});

function searchUser(name) {
    for (var i = 0; i < records.length; i++) {
        if (records[i].name === name) {
            return records[i].score;
        }
    }
    return -1;
}


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

    camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 1000);
    camera.position.z = 400;
    camera.position.y = 400;
    camera.lookAt (new THREE.Vector3(0,0,0));
    scene.add(camera);

    geometry = new THREE.BoxGeometry(220, 30, 10);
    material = new THREE.MeshBasicMaterial({
        transparent: true,
        color: 0xff2387,
        opacity: 0.4
    });

    mesh = new THREE.Mesh(geometry, material);
    mesh.position.set(0, 15, 105);
    scene.add(mesh);
    mesh2 = mesh.clone();
    mesh2.position.set(0, 15, -105);
    scene.add(mesh2);
    mesh3 = mesh.clone();
    mesh3.rotation.y = Math.PI / 2;
    mesh3.position.set(105, 15, 0);
    scene.add(mesh3);
    mesh4 = mesh.clone();
    mesh4.rotation.y = Math.PI / 2;
    mesh4.position.set(-105, 15, 0);
    scene.add(mesh4);

    ground = new THREE.Mesh(new THREE.PlaneGeometry(200, 200, 130, 130),
    new THREE.MeshLambertMaterial({
        color: 0x888888
    }));

    ground.rotation.x = -Math.PI / 2;
    scene.add(ground);
    
    
    
    
    var Puck = function(){ 
    this.pos = new THREE.Vector3();
    this.vel = new THREE.Vector3();
    this.mesh = new THREE.Mesh(new THREE.CylinderGeometry(5, 5, 2,...