Px.js

px.js

/*#--------------------------#*/
/*# CanvasRenderingContext2D #*/
/*#--------------------------#*/
	/** TODO : Name & Code & Test
	 * Récupère le bout d'une image à afficher
	 *
	 * @param img {Image} Image à couper
	 * @param width {int} Taille en largeur à couper
	 * @param height {int} Taille en hauteur à couper
	 * @param x {number} Position x à laquelle l'image sera affichée
	 * @param y {number} Position y à laquelle l'image sera affichée
	 * @param draw {bool} Si true, affiche l'image, sinon renvoie les données calculées
	 *
	 * @return {void|Object} Les données calculées si draw est sur false, sinon rien
	 */
	CanvasRenderingContext2D.prototype.draw_image_index = function(img, width, height, index, x, y, draw) {
		draw = typeof draw == 'undefined' ? true : draw;

		var nbtiles = Math.ceil(img.width / (width + 1));

		var basex = index % nbtiles;
		basex = basex * width + basex;

		var basey = Math.floor(index / nbtiles);
		basey = basey * height + basey;

		if (draw) {
			this.drawImage(img, basex, basey, width, height, x, y, width, height);
		} else {
			return {
				nbtiles: nbtiles,
				basex: basex,
				basey: basey
			};
		}
	};

	/** TODO : Name & Code & Test
	 * Récupère les couleurs d'une image passée en paramètre
	 *
	 * @param img {Image} Image dont on veut récupérer les couleurs dans un tableau 2D
	 *
	 * @return {Array} Tableau 2D de l'image contenant les couleurs de chaque cellules
	 */
	CanvasRenderingContext2D.prototype.get2darray_image = function(img) {
		this.save();

		this.drawImage(img, 0, 0);

		list_pixels = this.getImageData(0, 0, img.width, img.height).data;

		var map = [];

		for (var i = 0 ; i < list_pixels.length ; i += 4) {
			var r = list_pixels[i + 0];
			var g = list_pixels[i + 1];
			var b = list_pixels[i + 2];
			var a = list_pixels[i + 3];

			var x = Math.floor((i / 4) % img.width);  
			var y = Math.floor(((i - x) / 4) / img.width);

			map[x] ? (map[x][y] = [r, g, b, a]) : (map[x] = [[r, g, b, a]]);
		}

		this.restore();

		return map;
	};

	/** TODO Name & Code & Test
	 * Affiche un texte sur plusieurs lignes
	 *
	 * @param text {string} Texte à afficher
	 * @param x {number} Position x du texte à afficher
	 * @param y {number} Position y du texte à afficher
	 * @param lineHeight {number}  Taille d'une ligne
	 *
	 * @return {void} Rien
	 */
	CanvasRenderingContext2D.prototype.fill_wrap_text = function(text, x, y, maxWidth, lineHeight) {
		var words = text.split(' ');
		var line = '';

		var testLine, metrics, testWidth;

		for (var n = 0 ; n < words.length ; n++) {
			testLine  = line + words[n] + ' ';
			metrics   = this.measureText(testLine);
			testWidth = metrics.width;

			if (testWidth > maxWidth) {
				this.fillText(line, x, y);
				line = words[n] + ' ';
				y   += lineHeight;
			} else {
				line = testLine;
			}
		}

		this.fillText(line, x, y);
	};

	/**
	 */
	CanvasRenderingContext2D.prototype.tile_from_position = function(img, width, height, x, y) {
		var tile_by_line = Math.ceil(img.width / (width + 1));
		var x = Math.floor(x / (width + 1));
		var y = Math.floor(y / (height + 1));

		return x + (y * tile_by_line);
	};

/*# ------ #*/
/*# Object #*/
/*# ------ #*/
	/**
	 */
	Object.prototype.clone = function() {
		return JSON.parse(JSON.stringify(this));
	};

/*# ---- #*/
/*# Math #*/
/*# ---- #*/
	/**
	 */
	Math.clamp = function (min, val, max) {
		return Math.max(min, Math.min(max, val));
	};

	/**
	 */
	Math.sign = function (x) {
		return x == 0 ? 0 : (x > 0 ? 1 : -1);
	};

	/**
	 */
	Math.between = function (min, val, max) {
		return val >= min && val <= max;
	};

	/**
	 */
	Math.rand = function (min, max) {
		return Math.floor(Math.random() * (max - min + 1)) + min;
	};

/*# ------- #*/
/*# Clavier #*/
/*# ------- #*/
	/**
	 * Liste les valeurs des touches
	 */
	var Key = {
		TAB: 9, ENTER: 13, SHIFT: 16, CTRL: 17,
		ALT: 18, ESC : 27, SPACE: 32,

		LEFT: 37, UP: 38, RIGHT: 39, DOWN: 40,

		A: 65, B: 66, C: 67, D: 68, E: 69, F: 70, G: 71, H: 72, I: 73, J: 74, K: 75, L: 76, M: 77,
		N: 78, O: 79, P: 80, Q: 81, R: 82, S: 83, T: 84, U: 85, V: 86, W: 87, X: 88, Y: 89, Z: 90,

		NUM0: 48, NUM1: 49, NUM2: 50, NUM3: 51, NUM4: 52,
		NUM5: 53, NUM6: 54, NUM7: 55, NUM8: 56, NUM9: 57,

		NUMPAD0: 96, NUMPAD1: 97, NUMPAD2: 98, NUMPAD3: 99, NUMPAD4: 100,
		NUMPAD5: 101, NUMPAD6: 102, NUMPAD7: 103, NUMPAD8: 104, NUMPAD9: 105,

		ADD: 107, SUB: 109, MUL: 106, DIV: 111,

		CAPSLOCK: 20, PAGEUP: 33, PAGEDOWN: 34, END    : 35,
		HOME    : 36, ISERT : 45, DELETE  : 46, NUMLOCK: 144
	};

	/*
	 * Créer un nouvel élément Keyboard
	 */
	function Keyboard() {
		this.init = function() {
			this.keys  = [];
			this.last  = 0;
			this.ktime = 0;

			document.addEventListener('keydown', this.onkeydown, false);
			document.addEventListener('keyup', this.onkeyup, false);
		};

		var self = this;

		this.update = function() {
			this.ktime++;
		};

		this.onkeyup = function(e) {
			self.keys[e.keyCode] = null;
		};

		this.onkeydown = function(e) {
			self.keys[e.keyCode] = self.ktime;
		};

		this.up = function(k) {
			return this.keys[k] == null;
		};

		this.down = function(k) {
			return this.keys[k] != null;
		};

		this.press = function(k) {
			return this.keys[k] == this.ktime;
		};

		this.init();
	}

/*# ------ #*/
/*# Souris #*/
/*# ------ #*/
	/**
	 * Créer un nouvel élément Mouse
	 */
	function Mouse(el) {
		this.init = function() {
			this.x     = 0;
			this.y     = 0;
			this.click = null;
			this.mtime = 0;
			this.el    = el;
			this.loose = null;

			document.addEventListener('mousedown', this.onmousedown, false);
			document.addEventListener('mousemove', this.onmousemove, false);
			document.addEventListener('mouseup', this.onmouseup, false);
		};

		var self = this;

		this.update = function() {
			this.mtime++;
		};

		this.onmouseup = function(e) {
			self.loose = self.mtime;

			self.click = null;
		};

		this.onmousedown = function(e) {
			self.onmousemove(e);

			self.click = self.mtime;
		};

		this.onmousemove = function(e) {
			var el = typeof self.el != undefined ? self.el : null;

			self.x = e.pageX - (el != null ? el.offsetLeft : 0);
			self.y = e.pageY - (el != null ? el.offsetTop : 0);
		};

		this.up = function() {
			return this.click == null;
		};

		this.down = function() {
			return this.click != null;
		};

		this.press = function() {
			return this.click == this.mtime;
		};

		this.release = function() {
			return this.loose == this.mtime;
		};

		this.init();
	}

/*# -------- #*/
/*# Couleurs #*/
/*# -------- #*/
	/**
	 */
	function rgb(r, g, b, a) {
		if (typeof a == 'undefined')
			return 'rgb(' + r + ', ' + g + ', ' + b + ')';
		else
			return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + a + ')';
	}

	/**
	 */
	function rgb_to_bin(r, g, b) {
		var bin = r << 16 | g << 8 | b;

		return (function (h) {
			return new Array(25 - h.length).join('0') + h;
		})(bin.toString(2));
	}

	/**
	 */
	function rgb_to_hex(r, g, b) {
		var bin = r << 16 | g << 8 | b;

		return (function (h) {
			return new Array(7 - h.length).join('0') + h;
		})(bin.toString(16).toUpperCase());
	}

	/**
	 */
	function rgb_to_number(r, g, b) {
		return parseInt(rgb_to_hex(r, g, b), 16);
	}

	/**
	 */
	function bin_to_rgb(bin) {
		var pbin = parseInt(bin, 2);
		var r = pbin >> 16;
		var g = pbin >> 8 & 255;
		var b = pbin & 255;

		return [r, g, b];
	}

	/**
	 */
	function hex_to_rgb(hex) {
		var r = hex >> 16;
		var g = hex >> 8 & 255;
		var b = hex & 255;

		return [r, g, b];
	}

/*# ----- #*/
/*# Timer #*/
/*# ----- #*/
	/**
	 */
	function Timer() {
		// todo
	}

	/**
	 * Chronomètre
	 */
	function Stopwatch() {
		this.dt   = 0;
		this.last = Date.now();
		this.time = 0;

		this.update = function() {
			this.dt    = Date.now() - this.last;
			this.last  = Date.now();
			this.time += this.dt;
		};
	}

/*# ---------------------- #*/
/*# Préchargement d'images #*/
/*# ---------------------- #*/
	/**
	 */
	function preload_images(images, callback) {
		var nb_images_loaded = 0,
			nb_images_to_load = Object.keys(images).length,
			image_loaded = [],
			i = null;

		var image_loaded = function() {
			nb_images_loaded++;
		}

		for (i in images) {
			image_loaded[i] = new Image();
			image_loaded[i].onload = image_loaded;
			image_loaded[i].src = images[i];
		}

		var preload = function () {
			if (nb_images_loaded == nb_images_to_load) {
				callback();
			} else {
				setTimeout(preload, 100);
			}
		}

		preload();

		return image_loaded;
	}