2022-04-01 17:12:37 -06:00
|
|
|
game.bootstrap = (() => {
|
2022-03-27 02:17:26 -06:00
|
|
|
const scripts = [
|
2022-04-01 17:12:37 -06:00
|
|
|
{ src: ['src/render/graphics.js'], id: 'render' },
|
|
|
|
{ src: ['src/components/component.js', 'src/components/position.js', 'src/components/appearence.js'], id: 'components' },
|
|
|
|
{ src: ['src/entities/entity.js'], id: 'entity' },
|
|
|
|
{ src: ['src/entities/bigblue.js'], id: 'entities' },
|
|
|
|
{ src: ['src/systems/render.js'], id: 'systems' },
|
2022-03-27 02:17:26 -06:00
|
|
|
{ src: ['src/game.js'], id: 'game' },
|
|
|
|
];
|
2022-04-01 17:12:37 -06:00
|
|
|
const assets = {};
|
|
|
|
[
|
|
|
|
"bigblue", "flag", "floor", "grass", "hedge", "liquid", "rock",
|
|
|
|
"wall", "wordBigBlue", "wordFlag", "wordIs", "wordKill", "wordLava",
|
|
|
|
"wordPush", "wordRock", "wordSink", "wordStop", "wordWall", "wordWater",
|
|
|
|
"wordWin", "wordYou"
|
|
|
|
].map((x) => assets[x] = `assets/image/${x}.png`);
|
|
|
|
[
|
|
|
|
"background-music", "death", "move", "win"
|
|
|
|
].map((x) => assets[x] = `assets/sound/${x}.mp3`);
|
2022-03-27 02:17:26 -06:00
|
|
|
|
|
|
|
const loadScripts = function(onDone) {
|
2022-04-01 17:12:37 -06:00
|
|
|
if (scripts.length) {
|
2022-03-27 02:17:26 -06:00
|
|
|
let script = scripts.shift();
|
|
|
|
require(script.src, () => {
|
2022-04-01 17:12:37 -06:00
|
|
|
loadScripts(onDone);
|
2022-03-27 02:17:26 -06:00
|
|
|
});
|
2022-04-01 17:12:37 -06:00
|
|
|
} else {
|
|
|
|
onDone();
|
2022-03-27 02:17:26 -06:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
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);
|
2022-04-01 17:12:37 -06:00
|
|
|
asset.onload = () => URL.revokeObjectURL(asset.src);
|
2022-03-27 02:17:26 -06:00
|
|
|
return asset;
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
const loadAssets = function() {
|
|
|
|
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);
|
|
|
|
}));
|
|
|
|
}
|
|
|
|
|
|
|
|
game.assets = {};
|
|
|
|
loadAssets().then(() => {
|
2022-04-01 17:12:37 -06:00
|
|
|
loadScripts(() => game.initialize());
|
2022-03-27 02:17:26 -06:00
|
|
|
})
|
|
|
|
})();
|