AnimationArea.js

/* AnimationArea Class
contains all of the animated objects
enforces bounds
might be extensible
when things get uploaded, they get added here
*/
function AnimationArea() {
	// hold onto animated objects
	this.animatedObjects = [];
	this.currentTime = 0;

	this.areaElement = $('#animationArea');

	this.init();
};

AnimationArea.prototype.init = function() {
	// initialize kinetic.js stage
	this.stage = new Kinetic.Stage({
		container: 'animationArea',
		height: this.areaElement.height(),
		width: this.areaElement.width()
	})
	
	this.layer = new Kinetic.Layer();

	this.stage.add(this.layer);
}

AnimationArea.prototype.addAnimatedObject = function(animatedObject) {
	var number = this.animatedObjects.length;
	// assign number to animated object
	animatedObject.number = number;
	this.animatedObjects.push(animatedObject);
};

/* iterates over all animated objects in the animation area
   and calls playAnimation on each one
*/
AnimationArea.prototype.playAllAnimations = function() {
	var i;
	for (i=0; i < this.animatedObjects.length; i++) {
		var animatedObject = this.animatedObjects[i];
		animatedObject.playAnimation();
	}
};

AnimationArea.prototype.pauseAllAnimations = function() {
	debugger;
	var i;
	for (i=0; i < this.animatedObjects.length; i++) {
		var animatedObject = this.animatedObjects[i];
		animatedObject.pauseAnimation();
	}
};

AnimationArea.prototype.mapToAllAnimations = function(functionToMap) {

};