Files
tower/js/tower.js

88 lines
3.6 KiB
JavaScript
Raw Normal View History

2021-05-09 04:58:29 +00:00
import { Grid } from './grid.js';
2021-05-11 05:37:08 +00:00
import { ProjectileTileFactory } from './projectile_tile_factory.js';
2021-05-09 04:58:29 +00:00
import * as tiles from './tiles.js';
2021-05-08 12:13:14 -07:00
export function main() {
2021-05-08 13:00:59 -07:00
document.body.style.margin = '0';
document.body.style.backgroundColor = 'black';
2021-05-09 22:02:56 +00:00
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);
2021-05-09 04:58:29 +00:00
grid.set_tileset('tropical');
2021-05-11 05:17:16 +00:00
grid.set_layers(['road', 'water', 'bridge', 'surface', 'projectile']);
grid.add_tile(tiles.ROAD_TB, 20, 46);
grid.add_tile(tiles.ROAD_BL, 18, 40);
grid.add_tile(tiles.ROAD_TR, 12, 38);
grid.add_tile(tiles.ROAD_BR, 12, 32);
grid.add_tile(tiles.ROAD_TL, 18, 30);
grid.add_tile(tiles.ROAD_BL, 18, 24);
grid.add_tile(tiles.ROAD_TR, 12, 22);
grid.add_tile(tiles.ROAD_BR, 12, 16);
grid.add_tile(tiles.ROAD_LR, 18, 16);
grid.add_tile(tiles.ROAD_TBLR, 24, 14);
grid.add_tile(tiles.ROAD_TB, 26, 2);
grid.add_tile(tiles.ROAD_TB, 26, 8);
grid.add_tile(tiles.ROAD_TB, 26, 22);
grid.add_tile(tiles.ROAD_TB, 26, 28);
grid.add_tile(tiles.ROAD_TB, 26, 34);
grid.add_tile(tiles.ROAD_TB, 26, 40);
grid.add_tile(tiles.ROAD_TB, 26, 46);
grid.add_tile(tiles.ROAD_BL, 32, 16);
grid.add_tile(tiles.ROAD_TB, 34, 22);
grid.add_tile(tiles.ROAD_TB, 34, 28);
grid.add_tile(tiles.ROAD_TB, 34, 34);
grid.add_tile(tiles.ROAD_TR, 34, 40);
grid.add_tile(tiles.ROAD_LR, 40, 42);
grid.add_tile(tiles.ROAD_LR, 46, 42);
grid.add_tile(tiles.ROAD_TL, 52, 40);
grid.add_tile(tiles.ROAD_BL, 52, 34);
grid.add_tile(tiles.ROAD_LR, 46, 34);
grid.add_tile(tiles.ROAD_TR, 40, 32);
grid.add_tile(tiles.ROAD_BR, 40, 26);
grid.add_tile(tiles.ROAD_LR, 46, 26);
grid.add_tile(tiles.ROAD_TL, 52, 24);
grid.add_tile(tiles.ROAD_BL, 52, 18);
grid.add_tile(tiles.ROAD_LR, 46, 18);
grid.add_tile(tiles.ROAD_TR, 40, 16);
grid.add_tile(tiles.ROAD_BR, 40, 10);
grid.add_tile(tiles.ROAD_LR, 46, 10);
grid.add_tile(tiles.ROAD_LR, 52, 10);
grid.add_tile(tiles.ROAD_LR, 58, 10);
grid.add_tile(tiles.EMPTY, 30, 20);
grid.add_tile(tiles.RIVER_TB, 47, 46);
grid.add_tile(tiles.RIVER_TB, 47, 40);
grid.add_tile(tiles.RIVER_TB, 47, 34);
grid.add_tile(tiles.RIVER_TB, 47, 28);
grid.add_tile(tiles.RIVER_TB, 47, 22);
grid.add_tile(tiles.RIVER_TB, 47, 16);
grid.add_tile(tiles.RIVER_TB, 47, 10);
grid.add_tile(tiles.RIVER_TB, 47, 4);
grid.add_tile(tiles.BRIDGE_LR, 46, 42);
grid.add_tile(tiles.BRIDGE_LR, 46, 34);
grid.add_tile(tiles.BRIDGE_LR, 46, 26);
grid.add_tile(tiles.BRIDGE_LR, 46, 18);
grid.add_tile(tiles.BRIDGE_LR, 46, 10);
2021-05-11 15:55:29 +00:00
function rand(min, max) {
return Math.random() * (max - min) + min;
}
2021-05-12 03:54:32 +00:00
const tower = grid.add_tile(tiles.TOWER_FIREBALL1, 30, 28);
2021-05-11 05:17:16 +00:00
setInterval(() => {
tower.play('fire');
2021-05-12 03:54:32 +00:00
grid.add_tile(new ProjectileTileFactory(tiles.FIREBALL, rand(-20, 20), rand(-10, 20), 5, 1.5, 5), 31, 27);
2021-05-11 05:17:16 +00:00
}, 3250);
2021-05-08 12:13:14 -07:00
}
;
2021-05-08 20:30:37 +00:00
main();
2021-05-08 12:13:14 -07:00
//# sourceMappingURL=tower.js.map