use glmatrix library for multiplication.

it also provides .inverse and .lookAt which are needed for camera
support.

js/pixl/.gitignore

@@ -1 +1,3 @@
/node_modules
public/glmatrix.js

js/pixl/Makefile

@@ -1,2 +1,5 @@
fetch_live:
	curl pixl.papill0n.org:8001/world > data/live.json
fetch_glmatrix:
	curl -o public/glmatrix.js https://raw.github.com/toji/gl-matrix/master/dist/gl-matrix.js

js/pixl/public/trixl.html

@@ -52,6 +52,16 @@
	<script src="gl.js"></script>
	<script src="geometry.js"></script>
	<script src="matrix.js"></script>
	<script src="glmatrix.js"></script>
	<script>
		mat4.multiplyMany = function() {
			var m = arguments[0];
			for(var i = 1; i < arguments.length; i++) {
				m = mat4.multiply([], arguments[i], m);
			}
			return m;
		}
	</script>
	<script>
		window.trixl = {};
		trixl.stage = document.querySelector("#stage");
@@ -98,7 +108,7 @@
		trixl.redraw = function() {
			var aspect = trixl.window.w / trixl.window.h;
			var transform = function(pos) {
				return matrix.multiplyMany4x4(
				return mat4.multiplyMany(
					//matrix.scale(0.6, 0.6, 0.6),
					matrix.translate(-0.5, -0.5, -0.5),
					matrix.rotateZ(angle.z / 10),