add world map for trixls to draw.

js/pixl/public/trixl.html

@@ -142,6 +142,14 @@
		program.color = gl.getUniformLocation(program, 'color');
		gl.uniform4f(program.color, -1, -1, -1, -1);
		trixl.world = new Map([
			[[0, 0, 2], {color: [0.7, 0, 0, 1]}],
			[[-3.0, +0.0, 2], {color: [0.5, 0.5, 0.5, 1]}],
			[[+3.0, +0.0, 2], {color: [0.5, 0.5, 0.5, 1]}],
			[[+0.0, -3.0, 2], {color: [0.5, 0.5, 0.5, 1]}],
			[[+0.0, +3.0, 2], {color: [0.5, 0.5, 0.5, 1]}]
		]);
		var angle = {x: 0, y: 0, z: 0};
		var offset = {x: 0, y: 0, z: 0};
		program.transform = gl.getUniformLocation(program, 'transform');
@@ -171,24 +179,13 @@
			gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
			gl.uniform4f(program.color, (Math.sin(angle.x) + 1.0) * 0.5, 0, 0, 1.0);
			gl.uniformMatrix4fv(program.transform, false, t);
			gl.drawArrays(gl.TRIANGLES, 0, 6 * 6);
			var c = (Math.sin(angle.x) + 1.0) * 0.5;
			gl.uniform4f(program.color, c, c, c, 1.0);
			gl.uniformMatrix4fv(program.transform, false, transform([-3.0, 0.0, 2]));
			gl.drawArrays(gl.TRIANGLES, 0, 6 * 6);
			for (var pair of trixl.world) {
				var pos = pair[0], data = pair[1];
			gl.uniformMatrix4fv(program.transform, false, transform([+3.0, 0.0, 2]));
			gl.drawArrays(gl.TRIANGLES, 0, 6 * 6);
			gl.uniformMatrix4fv(program.transform, false, transform([+0.0, +3.0, 2]));
			gl.drawArrays(gl.TRIANGLES, 0, 6 * 6);
			gl.uniformMatrix4fv(program.transform, false, transform([+0.0, -3.0, 2]));
			gl.drawArrays(gl.TRIANGLES, 0, 6 * 6);
				gl.uniform4fv(program.color, data.color);
				gl.uniformMatrix4fv(program.transform, false, transform(pos));
				gl.drawArrays(gl.TRIANGLES, 0, 6 * 6);
			}
			gl.uniform4f(program.color, -1, -1, -1, 0);