feat: layer & layerView

packages/topdown/index.js

@@ -1,3 +1,5 @@
+export {Layer} from './layer';
+export {LayerView} from './layer-view';
 export {TilesRenderer} from './tiles-renderer';
 export {Tiles} from './tiles';
 export {Tileset} from './tileset';

packages/topdown/layer-view.js

@@ -0,0 +1,30 @@
+import {Container, Renderable, Sprite} from '@avocado/graphics';
+import {Layer, Tileset, TilesRenderer} from '@avocado/topdown';
+
+export class LayerView extends Renderable {
+
+  constructor(layer, renderer) {
+    super();
+    this.container = new Container();
+    this.layer = layer;
+    this._renderer = renderer;
+    this._tileset = undefined;
+    Tileset.load(layer.tilesetUri).then((tileset) => {
+      this.tileset = tileset;
+    });
+  }
+
+  get internal() {
+    return this.container.internal;
+  }
+
+  set tileset(tileset) {
+    this._tileset = tileset;
+    const tilesRenderer = new TilesRenderer(this.layer.tiles, tileset);
+    const chunk = tilesRenderer.renderChunk(this._renderer);
+    const tilesSprite = new Sprite(chunk);
+    this.container.removeAllChildren();
+    this.container.addChild(tilesSprite);
+  }
+
+}

packages/topdown/layer.js

@@ -0,0 +1,21 @@
+import {Tiles} from '@avocado/topdown';
+
+export class Layer {
+
+  constructor() {
+    this.tiles = undefined;
+    this.tilesetUri = undefined;
+    this.entityList = undefined;
+  }
+
+  fromJSON(json) {
+    if (json.tiles) {
+      this.tiles = (new Tiles()).fromJSON(json.tiles)
+    }
+    if (json.tilesetUri) {
+      this.tilesetUri = json.tilesetUri;
+    }
+    return this;
+  }
+
+}