main.js

// Generated by CoffeeScript 1.7.1
var ASPECT, FAR, FOV, HEIGHT, NEAR, P, T, TAU, V3, WIDTH, a, addBumper, animate, ball, ball_hit_ball, ball_hit_fuzz, balls, bch, bcw, bumper_material, camera, canvas, colors, controls, ctx, cue_hit_ball, dir, foo, gch, gcw, ground, ground_canvas, ground_ctx, ground_material, ground_tex, i, id, light, map, materialArray, mouse, ptl, ptw, rand, randy, renderer, scene, skyBox, skyBoxGeometry, skyBoxMaterial, unprojector, white;

TAU = Math.PI + Math.PI;

T = THREE;

P = Physijs;

V3 = T.Vector3;

randy = function(x) {
  return Math.random() * x - x / 2;
};

rand = function(x) {
  return Math.random() * x;
};

P.scripts.worker = './lib/physijs_worker.js';

P.scripts.ammo = './ammo.js';

scene = new P.Scene({
  fixedTimeStep: 1 / 30
});

scene.setGravity(new V3(0, -300, 0));

WIDTH = window.innerWidth;

HEIGHT = window.innerHeight;

ASPECT = WIDTH / HEIGHT;

FOV = 45;

NEAR = 0.1;

FAR = 20000;

camera = new T.PerspectiveCamera(FOV, ASPECT, NEAR, FAR);

scene.add(camera);

camera.position.set(150, 550, 400);

camera.lookAt(scene.position);

renderer = Detector.webgl ? new T.WebGLRenderer({
  antialias: true
}) : new T.CanvasRenderer();

renderer.setSize(WIDTH, HEIGHT);

document.body.appendChild(renderer.domElement);

window.onresize = function() {
  WIDTH = window.innerWidth;
  HEIGHT = window.innerHeight;
  ASPECT = WIDTH / HEIGHT;
  renderer.setSize(WIDTH, HEIGHT);
  camera.aspect = ASPECT;
  return camera.updateProjectionMatrix();
};

controls = new T.OrbitControls(camera, renderer.domElement);

light = new T.PointLight(0xffffff, 1, 10000);

light.position.set(0, 100, 0);

scene.add(light);


/*
directionalLight = new T.DirectionalLight(0xffffff, 0.5)
directionalLight.position.set(0, 1, 0)
scene.add(directionalLight)

skyLight = new T.HemisphereLight(0xffffff, 0x0000ff, 0.5)
scene.add(skyLight)
 */

materialArray = (function() {
  var _i, _len, _ref, _results;
  _ref = ["xpos", "xneg", "ypos", "yneg", "zpos", "zneg"];
  _results = [];
  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
    dir = _ref[_i];
    _results.push(new T.MeshBasicMaterial({
      map: T.ImageUtils.loadTexture("skybox/" + dir + ".png"),
      side: T.BackSide
    }));
  }
  return _results;
})();

skyBoxGeometry = new T.BoxGeometry(10000, 10000, 10000);

skyBoxMaterial = new T.MeshFaceMaterial(materialArray);

skyBox = new T.Mesh(skyBoxGeometry, skyBoxMaterial);

scene.add(skyBox);

ptw = 1000;

ptl = 2 * ptw;

ground_canvas = document.createElement("canvas");

ground_canvas.width = gcw = ground_canvas.height = gch = 512;

ground_ctx = ground_canvas.getContext("2d");

id = ground_ctx.getImageData(0, 0, gcw, gch);

i = 0;

while (i < id.data.length) {
  id.data[i + 0] = id.data[i + 1] = id.data[i + 2] = 255 - rand(25);
  id.data[i + 3] = 255;
  i += 4;
}

ground_ctx.putImageData(id, 0, 0, 0, 0, gcw, gch);

ground_tex = new T.Texture(ground_canvas);

ground_tex.wrapS = ground_tex.wrapT = T.RepeatWrapping;

ground_tex.repeat.set(4, 2);

ground_tex.needsUpdate = true;

ground_material = P.createMaterial(new T.MeshBasicMaterial({
  color: 0x3C8546,
  map: ground_tex
}), 0.8, 0.3);

ground = new P.BoxMesh(new T.BoxGeometry(ptl, 50, ptw), ground_material, 0);

ground.position.set(0, -25, 0);

ground.receiveShadow = true;

scene.add(ground);

bumper_material = P.createMaterial(new T.MeshBasicMaterial({
  color: 0x002E00,
  map: ground_tex
}), 0.8, 0.3);

addBumper = function(lengthwise, widthwise, r) {
  var bumper;
  bumper = new P.BoxMesh(new T.BoxGeometry(ptw - 120, 50, 50, 5, 5, 5), bumper_material, 0);
  bumper.position.set(lengthwise * ptw, 5, widthwise * ptw);
  bumper.rotation.set(0, r, 0);
  bumper.receiveShadow = true;
  return scene.add(bumper);
};

foo = 0.48;

addBumper(foo, 0.5, 0);

addBumper(foo, -0.5, TAU / 2);

addBumper(-foo, 0.5, 0);

addBumper(-foo, -0.5, TAU / 2);

addBumper(1, 0, TAU / 4);

addBumper(-1, 0, -TAU / 4);

ball_hit_ball = new Howl({
  urls: ['sound/ball-hit-ball.ogg'],
  volume: 0.5
});

cue_hit_ball = new Howl({
  urls: ['sound/cue-hit-ball.ogg'],
  volume: 1
});

ball_hit_fuzz = new Howl({
  urls: ['sound/ball-hit-fuzz.ogg'],
  volume: 1
});

balls = (function() {
  var _i, _results;
  _results = [];
  for (i = _i = 0; _i <= 15; i = ++_i) {
    canvas = document.createElement('canvas');
    bcw = bch = 1024;
    canvas.width = bcw;
    canvas.height = bch;
    ctx = canvas.getContext('2d');
    white = '#FEFFEA';
    ctx.fillStyle = white;
    ctx.fillRect(0, 0, bcw, bch);
    colors = ['(cue ball)', '#FCCF04', '#1544AD', '#E81D13', '#7C2E7C', '#FF6901', '#00680F', '#8A0A11', '#0B0806', '#FCCF04', '#1544AD', '#E81D13', '#7C2E7C', '#FF6901', '#00680F', '#8A0A11', '#0B0806'];
    ctx.fillStyle = colors[i];
    if (i > 8) {
      a = 0.3;
      ctx.fillRect(0, bch * a, bcw, bch * (1 - a * 2));
    } else {
      ctx.fillRect(0, 0, bcw, bch);
    }
    if (i > 0) {
      ctx.translate(bcw / 2, bch / 2);
      ctx.scale(0.5, 0.9);
      ctx.beginPath();
      ctx.arc(0, 0, bch / 7, 0, TAU);
      ctx.fillStyle = white;
      ctx.fill();
      ctx.textBaseline = 'middle';
      ctx.textAlign = 'center';
      ctx.font = (bch / 4) + 'px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText(i, 0, -bch * 0.0);
    } else {

    }
    map = new T.Texture(canvas);
    map.needsUpdate = true;
    ball = new P.SphereMesh(new T.SphereGeometry(25, 25, 25), new T.MeshPhongMaterial({
      color: 0xffffff,
      shininess: 100,
      emissive: 0xaaaaaa,
      specular: 0x222222,
      map: map
    }));
    ball.position.set(randy(500), randy(500) + 500, randy(500));
    ball.rotation.x = rand(TAU);
    ball.rotation.y = rand(TAU);
    ball.rotation.z = rand(TAU);
    scene.add(ball);
    ball.addEventListener('collision', function(collided_with, linearVelocity, angularVelocity) {
      var vel, vol;
      vel = linearVelocity.length();
      vol = Math.pow(vel, 1.4) / 150;
      if (collided_with instanceof P.SphereMesh) {
        ball_hit_ball.volume(vel / 650);
        return ball_hit_ball.play();
      } else if (collided_with.material === bumper_material) {
        ball_hit_fuzz.volume(vel / 65);
        return ball_hit_fuzz.play();
      } else if (collided_with.material === ground_material) {
        ball_hit_fuzz.volume(vel / 650);
        return ball_hit_fuzz.play();
      }
    });
    _results.push(ball);
  }
  return _results;
})();

unprojector = new T.Projector();

mouse = {
  x: 0,
  y: 0
};

document.body.onmousemove = function(e) {
  var intersect, intersects, mat, ray, vector;
  e.preventDefault();
  mouse.x = (e.offsetX / WIDTH) * 2 - 1;
  mouse.y = (e.offsetY / HEIGHT) * -2 + 1;
  vector = new V3(mouse.x, mouse.y, 1);
  unprojector.unprojectVector(vector, camera);
  ray = new T.Raycaster(camera.position, vector.sub(camera.position).normalize());
  intersects = ray.intersectObjects(balls);
  if (mouse.intersect) {
    mat = mouse.intersect.object.material;
    mat.emissive.setHex(mouse.oeh);
    mat.needsUpdate = true;
    document.body.style.cursor = "default";
  }
  mouse.intersect = intersect = intersects[0];
  if (mouse.intersect) {
    mat = mouse.intersect.object.material;
    mouse.oeh = mat.emissive.getHex();
    mat.emissive.setHex(0xffffff);
    mat.needsUpdate = true;
    return document.body.style.cursor = "pointer";
  }
};

document.body.onmousedown = function(e) {
  var force;
  if (mouse.intersect) {
    e.preventDefault();
    e.stopPropagation();
    cue_hit_ball.play();
    ball = mouse.intersect.object;
    force = mouse.intersect.point.sub(ball.position);
    force.multiplyScalar(-30);
    return ball.setLinearVelocity(force);
  }
};

(animate = function() {
  requestAnimationFrame(animate);
  scene.simulate(void 0, 1);
  renderer.render(scene, camera);
  return controls.update();
})();