pamela/js/pamela-nodes.js

/*
    Copyright 2009 Pieter Iserbyt

    This file is part of Pamela.

    Pamela is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Pamela is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Pamela.  If not, see <http://www.gnu.org/licenses/>.
*/


// Class color generator 

function ColorGenerator() {
  this.colors = [
    [255,   0,   0],
    [255, 255,   0],
    [  0, 255,   0],
    [  0, 255, 255],
    [  0,   0, 255],
    [255,   0, 255]
  ]; 
  this.colorGeneratorValue = 0;
}

ColorGenerator.prototype.generate = function() {
  if (this.colorGeneratorValue > this.colors.length)
    this.colorGeneratorValue = 0;

  // weirdo fix for chrome bug where the colors get
  // garbage collected. I think.
  var c = this.colors[this.colorGeneratorValue++];
  return [c[0], c[1], c[2]];
};

var colorGenerator = new ColorGenerator();

// Class Node 
function Node(name) {

  this.name = name;
  this.modeTime = (new Date).getTime();
  this.setMode("newNode");
  
  var size = Math.min(width, height);
  //this.color = [
  //  Math.random() * 128, 
  //  Math.random() * 128, 
  //  Math.random() * 128]; 
  this.color = colorGenerator.generate();
  this.position = new Vector(
    (Math.random() * size) - (size / 2), 
    (Math.random() * size) - (size / 2), 
    (Math.random() * size) - (size / 2));
  this.position.scale(0.5);
}

Node.prototype.setMode = function(mode) {
  this.modeTime = (new Date).getTime();
  if (mode == "newNode") {
    jQuery.extend(this, Node.prototype.newNode);
  } else if (mode == "dying") {
    jQuery.extend(this, Node.prototype.dying);
  } else if (mode == "dead") {
    jQuery.extend(this, Node.prototype.dead);
    this.isDead = true;
  } else {
    jQuery.extend(this, Node.prototype.normal);
  } 
};

Node.prototype.alphaForDepth = function(d, start, cutoff) {
  d = d < cutoff ? cutoff : d > start ? start : d;
  return 1 - (d - start) / (cutoff - start);
};


//Normal mode
Node.prototype.normal = {

  project: function(m) {
    this.projection = m.project(this.position);
    this.alpha = 255 * this.alphaForDepth(this.projection.z, 0, -400);
  },

  draw: function() {
    if (this.projection.z > -1) return;
    var scale = width * 3 / -this.projection.z;
    var alphaScale = 0.5 + this.alpha / 128;
    var invAlphaScale = 1 - alphaScale;
    var col = 
    /* [
      Math.round(this.color[0]),
      Math.round(this.color[1]),
      Math.round(this.color[2]),
    ]; */
    [
      Math.round(128 * invAlphaScale + this.color[0] * alphaScale),
      Math.round(128 * invAlphaScale + this.color[1] * alphaScale),
      Math.round(128 * invAlphaScale + this.color[2] * alphaScale),
    ]; 
    context.fillStyle = 'rgb(' + col[0] + ',' + col[1] + ',' + col[2] + ')';
    //context.globalAlpha = this.alpha / 255; 
    context.beginPath();
    context.arc(this.projection.x, this.projection.y, scale, 0, Math.PI * 2, false);
    context.fill();
    context.font = scale + "pt sans-serif";
    context.fillText(this.name, this.projection.x + (scale * 1.5), this.projection.y + (scale / 1.5));
    context.closePath();
    context.globalAlpha = 1; 
  }
};

//New mode
Node.prototype.newNode = {
  
  project: function(m) {
    
    var newTime = (new Date).getTime() - this.modeTime;
    if (newTime > 1000) {
      this.setMode("normal");
      this.project(m);
      return;
    }
    
    var scale = Math.sqrt(1000 / Math.max(newTime, 1)); 
    this.projection = m.clone().scale(scale, scale, scale).project(this.position);
    this.alpha = 255 * this.alphaForDepth(this.projection.z, 0, -500);
  }

};

//Dying mode
Node.prototype.dying = {
  
  project: function(m) {
    var dyingTime = (new Date).getTime() - this.modeTime;
    if (dyingTime > 1000) {
      this.setMode("dead");
      return;
    }
    
    var scale = Math.sqrt(1000 / Math.max(1000 - dyingTime, 1)); 
    this.projection = m.clone().scale(scale, scale, scale).project(this.position);
    this.alpha = 255 * this.alphaForDepth(this.projection.z, 0, -500);
  }

};

//Dead mode
Node.prototype.dead = {
  
  project: function(m) {
  },

  draw: function() {
  }
  
};

// For inheriting classes
Node.prototype.project = Node.prototype.normal.project;
Node.prototype.draw = Node.prototype.normal.draw;

// Class NorbertNode 
jQuery.extend(NorbertNode.prototype, Node.prototype);
function NorbertNode() {
  parent = this;
  this.norbert = new Image();
  this.norbertLoaded = false;
  $(this.norbert).load(function() { 
    parent.norbertLoaded = true; 
    parent.width = parent.norbert.width;
    parent.height = parent.norbert.height;
  });
  this.norbert.src = config.image;
  this.position = new Vector(0, 0, 0);
}

NorbertNode.prototype.draw = function() {
  if (!this.norbertLoaded) return; 
  var x = this.projection.x - this.width / 2;
  var y = this.projection.y - this.height / 2;
  context.drawImage(this.norbert, x, y);
};