cubicleDowns

    function listeners () {
      document.addEventListener('click', castRay, false);
    }

    function castRay (event) {

      event.preventDefault();

      var mouse = {};

cubicleDowns

    function init() {
      $('#jqv').text($.fn.jquery);
      $('#tjsv').text(THREE.REVISION);

      demo = new Demo.Scene("ray-intersection");
      demo.rotateCamera = true;
      listeners();

      // start the animation
      // this also does all of the setup.  i've encapsulated all of this work for brevity.

cubicleDowns

  function listeners () {
      demo.jqContainer.mousedown(mouseDown);
      demo.jqContainer.mouseup(mouseUp);
      demo.jqContainer.mousemove(marqueeSelect);
      $(document).mousemove(resetMarquee);
    }

    function resetMarquee () {
      mouseup = true;
      mousedown = false;

cubicleDowns

function createRays() {

  var setup = {
      xDirection: xDirection = new THREE.Vector3(-1,0,0),
      yDirection: yDirection = new THREE.Vector3(0,-1,0),
      zDirection: zDirection = new THREE.Vector3(0,0,-1),
      xy1Direction: xy1Direction = new THREE.Vector3(-1,-1,0).normalize(),
      xy2Direction: xy2Direction = new THREE.Vector3(-1,1,0).normalize(),
      xz1Direction: xz1Direction = new THREE.Vector3(-1,0,-1).normalize(),
      xz2Direction: xz2Direction = new THREE.Vector3(-1,0,1).normalize(),

cubicleDowns

// loop through all the rays and look to see if all of their collisions objects show the same values.
//
//    essentially, a ray will intersect all faces in one particular direction.  3 cubes = 6 faces = 6 intersections
//    if all of the intersections show a 'selection' has take place, it'll check the selection types (ttt property)
function checkForTTT(){

  var i,j,
      collisions,
      ticUser1,
      ticUser2;

cubicleDowns

var Demo = Demo || {};
Demo.Cache = Demo.Cache || {};

Demo.Cache = function (context) {

  this.context = context;

  this._cachedVertices = [];
  this._cachedCentroidPoints = [];

cubicleDowns

var Demo = Demo || {};

// This object manages all of the 4D objects.
//   Between renders, it'll take the difference between the last render and the current time.
//   This Time Delta is passed to each Object4D object.
//   Each Object4D object will then move a distance based upon their individually set speed,
Demo.Manager = function () {

  this.clock = new Demo.Clock();

cubicleDowns

"use strict";

tttApp.directive("selectcube", function(ThreeEnv){

  return {
    restrict: "A",
    link: function(scope, element){

      var offsetLeft = element[0].offsetLeft,
        offsetTop = element[0].offsetTop,

cubicleDowns

"use strict";

tttApp.controller('TTTController', function ($scope, ThreeEnv) {

  $scope.dims = 3;

  $scope.usercolor = "#0000FF";
  $scope.username = "Player1";
  $scope.userfirst = false;

cubicleDowns

"use strict";

tttApp.factory('ThreeEnv', function ($http, $log, $rootScope ) {

  var demo,
    rotateCamera = true,
    canvas = document.getElementById('ttt-canvas');

  /**
   * Initialize the 3D scene.