misc/tower
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Walkable mask painting

Browse Source
This commit is contained in:
Ian Gulliver
2021-05-17 04:26:18 +00:00
parent 0030b63e3a
commit 9d681291cc
43 changed files with 577 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
js/grid.js
View File

@@ -1,38 +1,20 @@
import { Layer } from './layer.js';
import { Mask } from './mask.js';
export class Grid {
constructor(prnt) {
constructor(prnt, width, height, tileset, layers, masks) {
this.layers = new Map();
this.masks = new Map();
this.prnt = prnt;
this.prnt.style.display = 'grid';
}
set_size(x, y) {
this.height = y;
this.prnt.style.gridTemplateColumns = `repeat(${x}, 1fr)`;
this.prnt.style.gridTemplateRows = `repeat(${y}, 1fr)`;
}
set_tileset(set) {
this.tileset = set;
this.prnt.style.backgroundImage = `url("images/${this.tileset}/land.svg")`;
// TODO: Notify layers
}
set_layers(layers) {
const newNames = new Set(layers);
for (const name of newNames) {
if (!this.layers.has(name)) {
const layer = new Layer();
layer.set_tileset(this.tileset);
this.layers.set(name, layer);
}
this.prnt.style.gridTemplateColumns = `repeat(${width}, 1fr)`;
this.prnt.style.gridTemplateRows = `repeat(${height}, 1fr)`;
this.prnt.style.backgroundImage = `url("images/${tileset}/land.svg")`;
for (let i = 0; i <= layers.length; i++) {
const name = layers[i];
this.layers.set(name, new Layer(i * height, tileset));
}
for (const name of this.layers.keys()) {
if (!newNames.has(name)) {
// TODO: Notify layer to tear down
this.layers.delete(name);
}
}
for (let i = 0; i < layers.length; i++) {
const layer = this.layers.get(layers[i]);
layer.set_level(i * this.height);
for (const name of masks) {
this.masks.set(name, new Mask(width, height));
}
}
add_tile(tile_factory, x, y) {
@@ -41,6 +23,9 @@ export class Grid {
tile.elem.style.gridColumnStart = `${x + 1}`;
tile.elem.style.gridRowStart = `${y + 1}`;
this.prnt.appendChild(tile.elem);
for (const [name, mask] of tile.masks) {
this.masks.get(name).update(x, y, mask);
}
return tile;
}
}