Skip to content

Commit

Permalink
Fix whitespace, remove dead code
Browse files Browse the repository at this point in the history
  • Loading branch information
@birtles
birtles committed Mar 24, 2012
1 parent 7e9b937 commit a897cac
Showing 1 changed file with 171 additions and 181 deletions.
352 changes: 171 additions & 181 deletions wall/public/wall-live/js/main.js
View file
Expand Up @@ -10,191 +10,181 @@ var CHARACTER_DURATION = 20;//sec

var Main = {

init: function() {
Main.timebase = document.getElementById("time-base");
Main.timebase.addEventListener("repeatEvent", function(e) {
for (var i = 0, n = Main.characters.length; i < n; i++) {
Main.characters[i].isAppended = false;
}
}, true);

Main.main_layer = document.getElementById("main-layer");
Main.main_layer_path = document.getElementById("main-layer-path");
Main.current_time = 0;
Main.start();
},

start: function() {
Main.loadAllCharacters(function() {
Main.idle();
Main.loadUncompletedCharacters();
});
},

idle: function() {
var originalCurrentTime = Main.timebase.getCurrentTime();
var simpleDuration = Main.timebase.getSimpleDuration();
var currentTime = originalCurrentTime - (parseInt(originalCurrentTime/simpleDuration)*simpleDuration);
Main.current_time = currentTime;
var currentRate = currentTime/simpleDuration;
var ANIMATE_RANGE = 0.5;
var ANIMATE_BUFFER = 0.2;

var start = -1;
var startdif = 0;
for (var i = 0, n = Main.characters.length; i < n; i++) {
var character = Main.characters[i];
if (! (character.x < currentTime && true != character.isAppended)) {
continue;
}

var g = document.createElementNS("http://www.w3.org/2000/svg", "g");
g.setAttribute("id", character.id);

var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
var imageid = character.id+"i";
image.setAttribute("id", imageid);
image.setAttributeNS("http://www.w3.org/1999/xlink", "href", CHARACTERS_DIR+character.id+".svg");
image.setAttribute("width", CHARACTER_WIDTH);
image.setAttribute("height", CHARACTER_HEIGHT);
image.setAttribute("transform", "translate(-"+CHARACTER_WIDTH/2+" -"+(CHARACTER_HEIGHT-20)+")");
g.appendChild(image);

var use = document.createElementNS("http://www.w3.org/2000/svg", "use");
use.setAttribute("transform", "matrix(1 0 0 -0.5 0 0)");
use.setAttribute("filter", "url(#shadow)");
use.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#"+imageid);
g.appendChild(use);

// var duration = 5+CHARACTER_DURATION*Math.random();
var duration = CHARACTER_DURATION;

//animate motion ---------------------
var animateMotion = document.createElementNS("http://www.w3.org/2000/svg", "animateMotion");
animateMotion.setAttribute("dur", duration+"s");
animateMotion.setAttribute("rotate", "auto");
animateMotion.setAttribute("repeatCount", "1");
animateMotion.setAttribute("begin", originalCurrentTime+"s");
animateMotion.setAttribute("calcMode", "linear");
var mpath = document.createElementNS("http://www.w3.org/2000/svg", "mpath");
mpath.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#main-layer-path");
animateMotion.appendChild(mpath);
animateMotion.addEventListener("endEvent", function(e) {
var imageElement = e.originalTarget.parentNode;
imageElement.parentNode.removeChild(imageElement);
}, true);

if (start == -1) {
start = (1-currentRate);
//find start point
var matrix = Main.main_layer_path.getScreenCTM();
for (;;) {
var point = Main.main_layer_path.getPointAtLength(start).matrixTransform(matrix);
// console.log("-- "+start+" : "+point.x+","+point.y+" --");
if (point.x > window.innerWidth) {
break;
}
start += 0.01;
startdif += 0.01;
if (start > 1) {
start -= 1;
}
}
}
var end = start-ANIMATE_RANGE + startdif;
if (end >= 0) {
//console.log(start+";"+end);
animateMotion.setAttribute("keyPoints", start+";"+end);
animateMotion.setAttribute("keyTimes", "0;1");
} else {
var startRate = start*(1/ANIMATE_RANGE);
//console.log(start+";0;1;"+(end+1));
//console.log("0;"+startRate+";"+startRate+";1");
animateMotion.setAttribute("keyPoints", start+";0;1;"+(end+1));
animateMotion.setAttribute("keyTimes", "0;"+startRate+";"+startRate+";1");
}
g.appendChild(animateMotion);
//------------------------------------
Main.main_layer.appendChild(g);
character.isAppended = true;
}

Main.timeout_id = setTimeout(Main.idle, 100);
},

createAnimateMotion: function(duration, keyPoints, id, originalCurrentTime) {
var animateMotion = document.createElementNS("http://www.w3.org/2000/svg", "animateMotion");
animateMotion.setAttribute("dur", duration+"s");
animateMotion.setAttribute("rotate", "auto");
animateMotion.setAttribute("repeatCount", "1");
animateMotion.setAttribute("keyPoints", keyPoints);
animateMotion.setAttribute("id", id);
animateMotion.setAttribute("begin", originalCurrentTime+"s");
var mpath = document.createElementNS("http://www.w3.org/2000/svg", "mpath");
mpath.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#main-layer-path");
animateMotion.appendChild(mpath);
return animateMotion;
},

loadUncompletedCharacters: function() {
var url = API_DIR+"get_uncompleted_characters.php?x="+Main.current_time+"&"+(new Date()).getTime();
$.getJSON(url, function(json) {
Main.appendCharacters(json);
setTimeout(Main.loadUncompletedCharacters, 1000);
});
},

loadAllCharacters: function(callback) {
var url = API_DIR+"get_all_characters_before_restart.php?type="+TYPE+"&"+(new Date()).getTime();
$.getJSON(url, function(json) {
Main.characters = [];
Main.appendCharacters(json);
callback();
});
},

appendCharacters: function(json) {
for (var i = 0, n = json.length; i < n; i++) {
var characterOfJson = json[i];
var character = new Character();
character.setup(characterOfJson);
Main.characters.push(character);
}
}
init: function() {
Main.timebase = document.getElementById("time-base");
Main.timebase.addEventListener("repeatEvent", function(e) {
for (var i = 0, n = Main.characters.length; i < n; i++) {
Main.characters[i].isAppended = false;
}
}, true);

Main.main_layer = document.getElementById("main-layer");
Main.main_layer_path = document.getElementById("main-layer-path");
Main.current_time = 0;
Main.start();
},

start: function() {
Main.loadAllCharacters(function() {
Main.idle();
Main.loadUncompletedCharacters();
});
},

idle: function() {
var originalCurrentTime = Main.timebase.getCurrentTime();
var simpleDuration = Main.timebase.getSimpleDuration();
var currentTime =
originalCurrentTime -
(parseInt(originalCurrentTime/simpleDuration)*simpleDuration);
Main.current_time = currentTime;
var currentRate = currentTime/simpleDuration;
var ANIMATE_RANGE = 0.5;
var ANIMATE_BUFFER = 0.2;

var start = -1;
var startdif = 0;
for (var i = 0, n = Main.characters.length; i < n; i++) {
var character = Main.characters[i];
if (! (character.x < currentTime && true != character.isAppended)) {
continue;
}

var g = document.createElementNS("http://www.w3.org/2000/svg", "g");
g.setAttribute("id", character.id);

var image =
document.createElementNS("http://www.w3.org/2000/svg", "image");
var imageid = character.id+"i";
image.setAttribute("id", imageid);
image.setAttributeNS("http://www.w3.org/1999/xlink", "href",
CHARACTERS_DIR+character.id+".svg");
image.setAttribute("width", CHARACTER_WIDTH);
image.setAttribute("height", CHARACTER_HEIGHT);
image.setAttribute("transform",
"translate(-"+CHARACTER_WIDTH/2+" -"+(CHARACTER_HEIGHT-20)+")");
g.appendChild(image);

var use = document.createElementNS("http://www.w3.org/2000/svg", "use");
use.setAttribute("transform", "matrix(1 0 0 -0.5 0 0)");
use.setAttribute("filter", "url(#shadow)");
use.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#"+imageid);
g.appendChild(use);

// var duration = 5+CHARACTER_DURATION*Math.random();
var duration = CHARACTER_DURATION;

// Animate motion ---------------------
var animateMotion =
document.createElementNS("http://www.w3.org/2000/svg", "animateMotion");
animateMotion.setAttribute("dur", duration+"s");
animateMotion.setAttribute("rotate", "auto");
animateMotion.setAttribute("repeatCount", "1");
animateMotion.setAttribute("begin", originalCurrentTime+"s");
animateMotion.setAttribute("calcMode", "linear");
var mpath =
document.createElementNS("http://www.w3.org/2000/svg", "mpath");
mpath.setAttributeNS("http://www.w3.org/1999/xlink", "href",
"#main-layer-path");
animateMotion.appendChild(mpath);
animateMotion.addEventListener("endEvent", function(e) {
var imageElement = e.originalTarget.parentNode;
imageElement.parentNode.removeChild(imageElement);
}, true);

if (start == -1) {
start = (1-currentRate);
//find start point
var matrix = Main.main_layer_path.getScreenCTM();
for (;;) {
var point =
Main.main_layer_path.getPointAtLength(start).
matrixTransform(matrix);
// console.log("-- "+start+" : "+point.x+","+point.y+" --");
if (point.x > window.innerWidth) {
break;
}
start += 0.01;
startdif += 0.01;
if (start > 1) {
start -= 1;
}
}
}
var end = start-ANIMATE_RANGE + startdif;
if (end >= 0) {
//console.log(start+";"+end);
animateMotion.setAttribute("keyPoints", start+";"+end);
animateMotion.setAttribute("keyTimes", "0;1");
} else {
var startRate = start*(1/ANIMATE_RANGE);
//console.log(start+";0;1;"+(end+1));
//console.log("0;"+startRate+";"+startRate+";1");
animateMotion.setAttribute("keyPoints", start+";0;1;"+(end+1));
animateMotion.setAttribute("keyTimes",
"0;"+startRate+";"+startRate+";1");
}
g.appendChild(animateMotion);
//------------------------------------
Main.main_layer.appendChild(g);
character.isAppended = true;
}

Main.timeout_id = setTimeout(Main.idle, 100);
},

createAnimateMotion: function(duration, keyPoints, id, originalCurrentTime) {
var animateMotion =
document.createElementNS("http://www.w3.org/2000/svg", "animateMotion");
animateMotion.setAttribute("dur", duration+"s");
animateMotion.setAttribute("rotate", "auto");
animateMotion.setAttribute("repeatCount", "1");
animateMotion.setAttribute("keyPoints", keyPoints);
animateMotion.setAttribute("id", id);
animateMotion.setAttribute("begin", originalCurrentTime+"s");
var mpath = document.createElementNS("http://www.w3.org/2000/svg", "mpath");
mpath.setAttributeNS("http://www.w3.org/1999/xlink", "href",
"#main-layer-path");
animateMotion.appendChild(mpath);
return animateMotion;
},

loadUncompletedCharacters: function() {
var url = API_DIR+"get_uncompleted_characters.php?x="+Main.current_time+
"&"+(new Date()).getTime();
$.getJSON(url, function(json) {
Main.appendCharacters(json);
setTimeout(Main.loadUncompletedCharacters, 1000);
});
},

loadAllCharacters: function(callback) {
var url = API_DIR+"get_all_characters_before_restart.php?type="+
TYPE+"&"+(new Date()).getTime();
$.getJSON(url, function(json) {
Main.characters = [];
Main.appendCharacters(json);
callback();
});
},

appendCharacters: function(json) {
for (var i = 0, n = json.length; i < n; i++) {
var characterOfJson = json[i];
var character = new Character();
character.setup(characterOfJson);
Main.characters.push(character);
}
}
}

function Character() {
}

Character.prototype = {
setup: function(json) {
this.x = json.x;
// console.log(this.x);
this.id = json.id;
},

show: function(parent) {
},

hide: function(parent) {
this.ui.remove();
}
}

var StyleController = {
transform: function(target, value) {
StyleController.apply(target, "transform", value);
},
duration: function(target, value) {
StyleController.apply(target, "transition-duration", value);
},
origin: function(target, value) {
StyleController.apply(target, "transform-origin", value);
},
apply: function(target, property, value) {
target.css("-moz-"+property, value);
target.css("-webkit-"+property, value);
target.css("-o-"+property, value);
target.css("-ms-"+property, value);
}
setup: function(json) {
this.x = json.x;
// console.log(this.x);
this.id = json.id;
},
}

0 comments on commit a897cac

Please sign in to comment.