1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
game.bootstrap = (() => {
const scripts = [
{
src: [
'src/utils/objectEquivalence.js', 'src/utils/unitizeVector.js', 'src/utils/clamp.js', 'src/utils/loadLevel.js',
'src/utils/randInRange.js'
],
id: 'utils'
},
{ src: ['src/render/graphics.js'], id: 'graphics' },
{ src: ['src/render/sprites.js'], id: 'sprites' },
{ src: ['src/components/component.js'], id: 'component' },
{
src: [
'src/components/position.js', 'src/components/momentum.js', 'src/components/gridPosition.js',
'src/components/appearence.js', 'src/components/controllable.js', 'src/components/pushable.js',
'src/components/loadPriority.js', 'src/components/stop.js', 'src/components/alive.js',
'src/components/sprite.js', 'src/components/particles.js'
],
id: 'components'
},
{ src: ['src/entities/entity.js'], id: 'entity' },
{
src: [
'src/entities/bigblue.js', 'src/entities/flag.js', 'src/entities/floor.js', 'src/entities/grass.js', 'src/entities/hedge.js',
'src/entities/lava.js', 'src/entities/rock.js', 'src/entities/wall.js', 'src/entities/wordBigBlue.js',
'src/entities/wordFlag.js', 'src/entities/wordIs.js', 'src/entities/wordKill.js', 'src/entities/wordLava.js',
'src/entities/wordPush.js', 'src/entities/wordRock.js', 'src/entities/wordSink.js', 'src/entities/wordStop.js',
'src/entities/wordWall.js', 'src/entities/wordWater.js', 'src/entities/wordWin.js', 'src/entities/wordYou.js',
'src/entities/borderParticles.js', 'src/entities/water.js'
],
id: 'entities'
},
{ src: ['src/systems/system.js'], id: 'system' },
{
src: [
'src/systems/render.js', 'src/systems/grid.js', 'src/systems/physics.js', 'src/systems/keyboardInput.js',
'src/systems/collision.js', 'src/systems/undo.js', 'src/systems/particle.js', 'src/systems/menu.js'
],
id: 'systems' },
{ src: ['src/game.js'], id: 'game' },
];
const assets = {};
[
"bigblue", "flag", "floor", "grass", "hedge", "lava", "rock",
"wall", "wordBigBlue", "wordFlag", "wordIs", "wordKill", "wordLava",
"wordPush", "wordRock", "wordSink", "wordStop", "wordWall", "wordWater",
"wordWin", "wordYou", "water"
].map((x) => assets[x] = `assets/image/${x}.png`);
[
"background-music", "death", "move", "win"
].map((x) => assets[x] = `assets/sound/${x}.mp3`);
const loadScripts = function(onDone) {
if (scripts.length) {
let script = scripts.shift();
require(script.src, () => {
loadScripts(onDone);
});
} else {
onDone();
}
}
const loadAsset = (source) => {
let fileExtension = source.substr(source.lastIndexOf('.') + 1);
return fetch(source)
.then((r) => r.blob())
.then((r) => {
let asset;
if (["png", "jpg", "jpeg"].includes(fileExtension)) {
asset = new Image();
} else if (["mp3"].includes(fileExtension)) {
asset = new Audio();
}
asset.src = URL.createObjectURL(r);
asset.onload = () => URL.revokeObjectURL(asset.src);
return asset;
})
}
const loadAssets = function() {
game.assets = {};
const promises = [];
for (let key in assets) {
promises.push(loadAsset(assets[key], (asset) => {
game.assets[key] = asset;
}, (error) => {
console.log(error)
}));
}
return Promise.all(Object.keys(assets).map((key) => {
return loadAsset(assets[key]).then((asset) => game.assets[key] = asset);
}));
}
const loadLevels = function() {
game.levels = [];
fetch('/levels')
.then((r) => r.json())
.then((r) => game.levels = r);
}
Promise.all([loadAssets(), loadLevels()]).then(() => {
loadScripts(() => game.initialize());
})
})();
|
