85 lines
3.4 KiB
TypeScript
85 lines
3.4 KiB
TypeScript
import { Grid } from './grid.js';
|
|
import * as tiles from './tiles.js';
|
|
|
|
export function main() {
|
|
document.body.style.margin = '0';
|
|
document.body.style.backgroundColor = 'black';
|
|
document.body.style.display = 'flex';
|
|
document.body.style.justifyContent = 'center';
|
|
|
|
const mask = document.createElement('div');
|
|
document.body.appendChild(mask);
|
|
mask.style.width = 'min(100vw, 125vh)';
|
|
mask.style.height = 'calc(0.8 * min(100vw, 125vh))';
|
|
mask.style.overflow = 'hidden';
|
|
|
|
const real = document.createElement('div');
|
|
mask.appendChild(real);
|
|
real.style.width = 'min(140vw, 175vh)';
|
|
real.style.height = 'calc(0.8 * min(140vw, 175vh))';
|
|
real.style.position = 'relative';
|
|
real.style.top = 'calc((-8 / 70) * min(140vw, 175vh))';
|
|
real.style.left = 'calc((-10 / 70) * min(140vw, 175vh))';
|
|
|
|
const grid = new Grid(real);
|
|
grid.set_size(70, 56);
|
|
grid.set_tileset('tropical');
|
|
grid.set_layers(['road', 'water', 'bridge']);
|
|
|
|
grid.add_tile('road', tiles.ROAD_TB, 20, 46);
|
|
grid.add_tile('road', tiles.ROAD_BL, 18, 40);
|
|
grid.add_tile('road', tiles.ROAD_TR, 12, 38);
|
|
grid.add_tile('road', tiles.ROAD_BR, 12, 32);
|
|
grid.add_tile('road', tiles.ROAD_TL, 18, 30);
|
|
grid.add_tile('road', tiles.ROAD_BL, 18, 24);
|
|
grid.add_tile('road', tiles.ROAD_TR, 12, 22);
|
|
grid.add_tile('road', tiles.ROAD_BR, 12, 16);
|
|
grid.add_tile('road', tiles.ROAD_LR, 18, 16);
|
|
grid.add_tile('road', tiles.ROAD_TBLR, 24, 14);
|
|
grid.add_tile('road', tiles.ROAD_TB, 26, 2);
|
|
grid.add_tile('road', tiles.ROAD_TB, 26, 8);
|
|
grid.add_tile('road', tiles.ROAD_TB, 26, 22);
|
|
grid.add_tile('road', tiles.ROAD_TB, 26, 28);
|
|
grid.add_tile('road', tiles.ROAD_TB, 26, 34);
|
|
grid.add_tile('road', tiles.ROAD_TB, 26, 40);
|
|
grid.add_tile('road', tiles.ROAD_TB, 26, 46);
|
|
grid.add_tile('road', tiles.ROAD_BL, 32, 16);
|
|
grid.add_tile('road', tiles.ROAD_TB, 34, 22);
|
|
grid.add_tile('road', tiles.ROAD_TB, 34, 28);
|
|
grid.add_tile('road', tiles.ROAD_TB, 34, 34);
|
|
grid.add_tile('road', tiles.ROAD_TR, 34, 40);
|
|
grid.add_tile('road', tiles.ROAD_LR, 40, 42);
|
|
grid.add_tile('road', tiles.ROAD_LR, 46, 42);
|
|
grid.add_tile('road', tiles.ROAD_TL, 52, 40);
|
|
grid.add_tile('road', tiles.ROAD_BL, 52, 34);
|
|
grid.add_tile('road', tiles.ROAD_LR, 46, 34);
|
|
grid.add_tile('road', tiles.ROAD_TR, 40, 32);
|
|
grid.add_tile('road', tiles.ROAD_BR, 40, 26);
|
|
grid.add_tile('road', tiles.ROAD_LR, 46, 26);
|
|
grid.add_tile('road', tiles.ROAD_TL, 52, 24);
|
|
grid.add_tile('road', tiles.ROAD_BL, 52, 18);
|
|
grid.add_tile('road', tiles.ROAD_LR, 46, 18);
|
|
grid.add_tile('road', tiles.ROAD_TR, 40, 16);
|
|
grid.add_tile('road', tiles.ROAD_BR, 40, 10);
|
|
grid.add_tile('road', tiles.ROAD_LR, 46, 10);
|
|
grid.add_tile('road', tiles.ROAD_LR, 52, 10);
|
|
grid.add_tile('road', tiles.ROAD_LR, 58, 10);
|
|
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 46);
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 40);
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 34);
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 28);
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 22);
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 16);
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 10);
|
|
grid.add_tile('water', tiles.RIVER_TB, 47, 4);
|
|
|
|
grid.add_tile('bridge', tiles.BRIDGE_LR, 46, 42);
|
|
grid.add_tile('bridge', tiles.BRIDGE_LR, 46, 34);
|
|
grid.add_tile('bridge', tiles.BRIDGE_LR, 46, 26);
|
|
grid.add_tile('bridge', tiles.BRIDGE_LR, 46, 18);
|
|
grid.add_tile('bridge', tiles.BRIDGE_LR, 46, 10);
|
|
};
|
|
|
|
main();
|