+ this.tileAt = function(x, y) {
+ nx = y / this.info.header.tileheight + x / this.info.header.tilewidth |0;
+ ny = y / this.info.header.tileheight - x / this.info.header.tilewidth |0;
+ return ny * this.info.header.width + nx;
+ }
+
+ this.draw = function(posx, posy, mobs) {
+ var x, y, i, layer;
+ var h = this.info.header.height;
+ var w = this.info.header.width;
+ var th = this.info.header.tileheight;
+ var tw = this.info.header.tilewidth;
+
+ posx = canvas.canvas.width / 2 - posx + w * tw / 2;
+ posy = canvas.canvas.height / 2 - posy;
+
+ canvas.fillStyle = "rgba("+this.info.header.background_color+")";
+ canvas.fillRect(0,0, canvas.canvas.width, canvas.canvas.height);
+
+ [ this.info.layer[0].data, this.info.layer[1].data ].forEach(layer => {
+ for (y = 0; y < 2 * h - 1; y++ )
+ if ( y < h ) for ( x = 0; x <= y; x++ ){
+ i = (y - x) * w + x;
+ if (layer[i]) this.draw_tile( layer[i],
+ posx - (y / 2 - x) * tw,
+ posy + y / 2 * th);
+ } else for ( x = 0; x < 2 * h - y - 1; x++ ){
+ i = (w - x - 2) * h + x + y + 1;
+ if (layer[i]) this.draw_tile( layer[i],
+ posx - (h - 1 - x - y / 2) * tw,
+ posy + y / 2 * th);
+ }
+ })
+ }
+