Files
tower/js/tiles.js

82 lines
4.3 KiB
JavaScript
Raw Normal View History

2021-05-11 02:21:23 +00:00
import { LayeredTileFactory } from './layered_tile_factory.js';
2021-05-12 04:48:16 +00:00
import { SequenceTileFactory } from './sequence_tile_factory.js';
2021-05-11 02:57:17 +00:00
import { SimpleTileFactory } from './simple_tile_factory.js';
// Straig
2021-05-13 04:09:46 +00:00
export const ROAD_LR = new SimpleTileFactory('road', 6, 4, '{tileset}/road-lr.svg');
export const ROAD_TB = new SimpleTileFactory('road', 4, 6, '{tileset}/road-tb.svg');
2021-05-09 04:58:29 +00:00
// Elbow
2021-05-13 04:09:46 +00:00
export const ROAD_BL = new SimpleTileFactory('road', 6, 6, '{tileset}/road-bl.svg');
export const ROAD_BR = new SimpleTileFactory('road', 6, 6, '{tileset}/road-br.svg');
export const ROAD_TL = new SimpleTileFactory('road', 6, 6, '{tileset}/road-tl.svg');
export const ROAD_TR = new SimpleTileFactory('road', 6, 6, '{tileset}/road-tr.svg');
2021-05-09 04:58:29 +00:00
// T
2021-05-13 04:09:46 +00:00
export const ROAD_BLR = new SimpleTileFactory('road', 8, 6, '{tileset}/road-blr.svg');
export const ROAD_TLR = new SimpleTileFactory('road', 8, 6, '{tileset}/road-tlr.svg');
export const ROAD_LTB = new SimpleTileFactory('road', 6, 8, '{tileset}/road-ltb.svg');
export const ROAD_RTB = new SimpleTileFactory('road', 6, 8, '{tileset}/road-rtb.svg');
2021-05-09 04:58:29 +00:00
// +
2021-05-13 04:09:46 +00:00
export const ROAD_TBLR = new SimpleTileFactory('road', 8, 8, '{tileset}/road-tblr.svg');
2021-05-09 04:58:29 +00:00
// Tower base
2021-05-13 04:09:46 +00:00
export const EMPTY = new SimpleTileFactory('road', 4, 2, '{tileset}/empty.svg');
2021-05-09 05:10:30 +00:00
// Straight
2021-05-13 04:09:46 +00:00
export const RIVER_LR = new SimpleTileFactory('water', 6, 4, '{tileset}/river-lr.svg');
export const RIVER_TB = new SimpleTileFactory('water', 4, 6, '{tileset}/river-tb.svg');
2021-05-09 05:10:30 +00:00
// Elbow
2021-05-13 04:09:46 +00:00
export const RIVER_BR = new SimpleTileFactory('water', 6, 6, '{tileset}/river-br.svg');
export const RIVER_BL = new SimpleTileFactory('water', 6, 6, '{tileset}/river-bl.svg');
export const RIVER_TR = new SimpleTileFactory('water', 6, 6, '{tileset}/river-tr.svg');
export const RIVER_TL = new SimpleTileFactory('water', 6, 6, '{tileset}/river-tl.svg');
export const BRIDGE_LR = new SimpleTileFactory('bridge', 6, 4, '{tileset}/bridge-lr.svg');
const tower_fireball1_back = new SimpleTileFactory('surface', 4, 4, 'tower/fireball1-back.svg');
const tower_fireball1 = new SimpleTileFactory('surface', 4, 4, 'tower/fireball1.svg');
const tower_fireball1_front = new SimpleTileFactory('surface', 4, 4, 'tower/fireball1-front.svg');
2021-05-11 02:57:17 +00:00
for (const tile_factory of [tower_fireball1_back, tower_fireball1_front]) {
tile_factory.add_animation('fire', [
2021-05-10 05:20:29 +00:00
{
'offset': 0.0,
'easing': 'cubic-bezier(0.02, 1.07, 0.73, 0.99)',
'top': '0',
},
{
'offset': 0.3,
'easing': 'linear',
'top': '20%',
},
{
'offset': 1.0,
'top': '0',
},
], {
'duration': 3000,
'iterations': 1,
});
2021-05-10 03:36:12 +00:00
}
2021-05-11 02:21:23 +00:00
export const TOWER_FIREBALL1 = new LayeredTileFactory([
2021-05-10 05:20:29 +00:00
tower_fireball1_back,
tower_fireball1,
tower_fireball1_front,
]);
2021-05-13 04:09:46 +00:00
export const FIREBALL = new SimpleTileFactory('projectile', 2, 2, 'tower/fireball.svg');
2021-05-12 04:48:16 +00:00
export const FIREBALL_IMPACT = new SequenceTileFactory([
2021-05-13 04:09:46 +00:00
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact1.svg'),
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact2.svg'),
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact3.svg'),
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact4.svg'),
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact5.svg'),
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact6.svg'),
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact7.svg'),
new SimpleTileFactory('surface', 2, 2, 'tower/fireball-impact8.svg'),
2021-05-12 05:03:57 +00:00
], 50, false);
2021-05-13 04:09:46 +00:00
export const GREENAXE_WALK1 = new SequenceTileFactory([
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk1.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk2.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk3.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk4.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk5.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk6.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk7.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk8.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk9.png'),
new SimpleTileFactory('surface', 3, 3, 'monster/greenaxe-walk10.png'),
], 100, true);
2021-05-09 04:58:29 +00:00
//# sourceMappingURL=tiles.js.map