summaryrefslogtreecommitdiffstats
path: root/src/view
diff options
context:
space:
mode:
authorMatthias Schiffer <mschiffer@universe-factory.net>2016-01-08 12:23:05 +0100
committerMatthias Schiffer <mschiffer@universe-factory.net>2016-01-08 12:23:05 +0100
commit8ee24fdbdfb2f64899e68d44e4c4f236c8c34e86 (patch)
treeadd8e6a3d892f2d03bc8602a753b14f55879a2c8 /src/view
parent4de2a6636a4de682edc5c3bbd4d1f5e940e879a3 (diff)
downloadrpgedit-8ee24fdbdfb2f64899e68d44e4c4f236c8c34e86.tar
rpgedit-8ee24fdbdfb2f64899e68d44e4c4f236c8c34e86.zip
Add support for subtiles
Diffstat (limited to 'src/view')
-rw-r--r--src/view/MapView.ts29
1 files changed, 24 insertions, 5 deletions
diff --git a/src/view/MapView.ts b/src/view/MapView.ts
index daab7cb..282b819 100644
--- a/src/view/MapView.ts
+++ b/src/view/MapView.ts
@@ -5,6 +5,7 @@ import * as util from '../util';
import EntityPosition from '../model/EntityPosition';
import MapData from '../model/MapData';
import Position from '../model/Position';
+import TileData from '../model/TileData';
const tileSize = 32;
@@ -25,8 +26,14 @@ function loadImages(imgs: {[key: string]: string}): Promise<{[key: string]: HTML
return util.mapPromises(_.mapValues(imgs, loadImage));
}
-function loadTiles(tiles: {[key: string]: {file: string}}): Promise<{[key: string]: HTMLImageElement}> {
- return loadImages(_.mapValues(tiles, (t) => `resources/sprite/tile/${t.file}.png`));
+function loadTiles(tiles: {[key: string]: TileData}): Promise<{[key: string]: HTMLImageElement}> {
+ var imgs: {[key: string]: string} = {}
+
+ _.forOwn(tiles, t => {
+ imgs[t.file] = `resources/sprite/tile/${t.file}.png`
+ });
+
+ return loadImages(imgs);
}
function loadEntities(entities: EntityPosition[]): Promise<{[key: string]: HTMLImageElement}> {
@@ -114,11 +121,23 @@ export default class MapView {
this.redraw()
}
- private drawTile(x: number, y: number, tile: HTMLImageElement): void {
+ private drawTile(x: number, y: number, tile: TileData): void {
if (!tile)
return;
- this.ctx.drawImage(tile, tiles(x)*this.scale, tiles(y)*this.scale, tileSize*this.scale, tileSize*this.scale);
+ var img = this.tiles[tile.file];
+ if (!img)
+ return;
+
+ this.ctx.drawImage(
+ img,
+ tiles(tile.subtile || 0), 0,
+ tileSize, tileSize,
+ tiles(x)*this.scale,
+ tiles(y)*this.scale,
+ tileSize*this.scale,
+ tileSize*this.scale
+ );
}
private drawEntity(e: EntityPosition, time: number): boolean {
@@ -186,7 +205,7 @@ export default class MapView {
if (!tile)
continue;
- this.drawTile(x, y, this.tiles[tile]);
+ this.drawTile(x, y, this.map.tiles[tile]);
}
}
});