dat.gui/controllers/timer.js

GUI.millis = function() {
	var d = new Date();
	return d.getTime();
}
	
GUI.Timer = function(gui) {
	
	var _this = this;
	
	this.hoverPoint = null;
	this.activePoint = null;
	
	this.gui = gui;
	this.gui.timer = this;
	
	var playhead = 0;
	var lastPlayhead = 0;
	var playListeners = [];
	var windowListeners = [];
	
	var windowWidth = 10000;
	var windowMin = -windowWidth/4;
	
	var thisTime;
	var lastTime;
	
	var playInterval = -1;
	var playResolution = 1000/60;
	
	var playing = false;
	
	window.addEventListener("keyup", function(e) {
		switch (e.keyCode) {
			case 32:
				_this.playPause();
				break;
			case 13: 
				_this.stop();
				break;
			case 8: 
				if (_this.activePoint != null) {
					_this.activePoint.remove();
					_this.activePoint = null;
				}
				break;
		}
		console.log(e.keyCode);
	}, false);
	
	this.__defineGetter__("windowMin", function() {
		return windowMin;
	});
	
	this.__defineSetter__("windowMin", function(v) {
		windowMin = v;
		for (var i in windowListeners) {
			windowListeners[i].call(windowListeners[i]);
		}
	});
	
	this.__defineGetter__("windowWidth", function() {
		return windowWidth;
	});
	
	
	this.__defineSetter__("windowWidth", function(v) {
		windowWidth = v;
		for (var i in windowListeners) {
			windowListeners[i].call(windowListeners[i]);
		}
	});
	
	this.__defineGetter__("playhead", function() {
		return playhead;
	});
	
	this.__defineSetter__("playhead", function(t) {
		lastPlayhead = playhead;
		playhead = t;
		if (playing) {
			windowMin += ((playhead-windowWidth/2)-windowMin)*0.3;
		}
		for (var i = 0; i < playListeners.length; i++) {
			playListeners[i].call(this, playhead, lastPlayhead);
		}
	});
	
	this.__defineGetter__("playing", function() {
		return playing;
	});
	
	this.play = function() {
		playing = true;
		lastTime = GUI.millis();
		if (playInterval == -1) {
			playInterval = setInterval(this.update, playResolution);
		}
	};
	
	this.update = function() {
		thisTime = GUI.millis();
		_this.playhead = _this.playhead + (thisTime - lastTime);
		lastTime = thisTime;
	};
	
	this.pause = function() {
		playing = false;
		clearInterval(playInterval);
		playInterval = -1;
	};
	
	this.playPause = function() {
		if (playing) {
			this.pause();
		} else {
			this.play();
		}
	}
	
	this.stop = function() {
		this.pause();
		this.playhead = 0;
		this.windowMin = -windowWidth/4;
	};
	
	this.addPlayListener = function(fnc) {
		playListeners.push(fnc);
	};
	
	this.addWindowListener = function(fnc) {
		windowListeners.push(fnc);
	};
		
}