2021-05-09 04:58:29 +00:00
|
|
|
import { Grid } from './grid.js';
|
|
|
|
|
import * as tiles from './tiles.js';
|
2021-05-08 13:00:59 -07:00
|
|
|
|
|
|
|
|
export function main() {
|
|
|
|
|
document.body.style.margin = '0';
|
|
|
|
|
document.body.style.backgroundColor = 'black';
|
|
|
|
|
|
|
|
|
|
const container = document.createElement('div');
|
|
|
|
|
document.body.appendChild(container);
|
|
|
|
|
container.style.width = '100vmin';
|
|
|
|
|
container.style.height = '100vmin';
|
|
|
|
|
|
2021-05-09 04:58:29 +00:00
|
|
|
const grid = new Grid(container);
|
|
|
|
|
grid.set_size(40, 40);
|
|
|
|
|
grid.set_tileset('tropical');
|
2021-05-09 17:38:35 +00:00
|
|
|
grid.set_layers(['road', 'water', 'bridge']);
|
2021-05-09 05:10:30 +00:00
|
|
|
|
2021-05-09 17:38:35 +00:00
|
|
|
grid.add_tile('road', tiles.ROAD_LR, 0, 6);
|
|
|
|
|
grid.add_tile('road', tiles.ROAD_LR, 6, 6);
|
|
|
|
|
grid.add_tile('road', tiles.ROAD_LR, 12, 6);
|
|
|
|
|
grid.add_tile('water', tiles.RIVER_TB, 6, 0);
|
|
|
|
|
grid.add_tile('water', tiles.RIVER_TB, 6, 6);
|
|
|
|
|
grid.add_tile('water', tiles.RIVER_TB, 6, 12);
|
|
|
|
|
grid.add_tile('bridge', tiles.BRIDGE_LR, 5, 6);
|
2021-05-08 13:00:59 -07:00
|
|
|
};
|
2021-05-08 20:30:37 +00:00
|
|
|
|
|
|
|
|
main();
|