2021-07-05 15:49:06 +00:00
|
|
|
import botonComenzar from "./assets/Comenzar.png";
|
|
|
|
import botonSiguiente from "./assets/Siguiente.png";
|
|
|
|
import logoFPGFDTBlanco from "./assets/LogoFPG-FDT-blanco-07.png";
|
|
|
|
import logoSalvaLaCostanera from "./assets/SalvaCostanera.png";
|
|
|
|
import logoSalvaLaCostaneraCostado from "./assets/Salva2.png";
|
|
|
|
import instrucciones1 from "./assets/Instrucciones 1.png";
|
|
|
|
import instrucciones2 from "./assets/Instrucciones 2.png";
|
|
|
|
import instrucciones3 from "./assets/Instrucciones 3.png";
|
2021-07-05 16:13:36 +00:00
|
|
|
import placaPerdiste from "./assets/Perdiste.png";
|
|
|
|
import placaFelicitaciones from "./assets/Felicitaciones.png";
|
2021-07-05 15:49:06 +00:00
|
|
|
import flecha from "./assets/flecha.png";
|
|
|
|
import larreta from "./assets/Larreta.png";
|
|
|
|
import millonarioMalo from "./assets/Millonario Malo.png";
|
|
|
|
import cieloRioCalle from "./assets/CieloRioCalle.png";
|
|
|
|
import cielo from "./assets/Cielo.png";
|
|
|
|
import rio from "./assets/Rio.png";
|
|
|
|
import parquePublicoRio from "./assets/Parque publico con rio.png";
|
|
|
|
import parquePublico from "./assets/Parque publico.png";
|
|
|
|
import edificios from "./assets/Edificios.png";
|
|
|
|
import jugadorx from "./assets/ProtagonistaCorriendo_1.png";
|
|
|
|
import jugadorxPresentando from "./assets/Personaje 1.png";
|
|
|
|
import baldosa from "./assets/Baldosa.png";
|
|
|
|
import semilla from "./assets/Semilla.png";
|
|
|
|
import arbol1 from "./assets/Árbol 1.png";
|
|
|
|
import arbol2 from "./assets/Árbol 2.png";
|
|
|
|
import ciudadanx1 from "./assets/Firma 1.png";
|
|
|
|
import ciudadanx2 from "./assets/Firma 2.png";
|
|
|
|
import ciudadanx3 from "./assets/Firma 3.png";
|
2021-06-28 20:28:26 +00:00
|
|
|
|
|
|
|
function loadImage(url: string): Promise<HTMLImageElement> {
|
2021-06-30 23:16:45 +00:00
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
let img = new Image();
|
|
|
|
img.onload = () => resolve(img);
|
|
|
|
img.onerror = (e) => reject(e);
|
|
|
|
img.src = url;
|
|
|
|
});
|
2021-06-28 20:28:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export const assetUrls = {
|
2021-07-05 15:49:06 +00:00
|
|
|
botonComenzar,
|
|
|
|
botonSiguiente,
|
|
|
|
logoFPGFDTBlanco,
|
|
|
|
logoSalvaLaCostanera,
|
|
|
|
logoSalvaLaCostaneraCostado,
|
|
|
|
instrucciones1,
|
|
|
|
instrucciones2,
|
|
|
|
instrucciones3,
|
2021-07-05 16:13:36 +00:00
|
|
|
placaPerdiste,
|
|
|
|
placaFelicitaciones,
|
2021-07-05 15:49:06 +00:00
|
|
|
flecha,
|
|
|
|
larreta,
|
|
|
|
millonarioMalo,
|
|
|
|
cieloRioCalle,
|
|
|
|
cielo,
|
|
|
|
rio,
|
|
|
|
parquePublicoRio,
|
|
|
|
parquePublico,
|
|
|
|
edificios,
|
|
|
|
jugadorx,
|
|
|
|
jugadorxPresentando,
|
|
|
|
baldosa,
|
|
|
|
semilla,
|
|
|
|
arbol1,
|
|
|
|
arbol2,
|
|
|
|
ciudadanx1,
|
|
|
|
ciudadanx2,
|
|
|
|
ciudadanx3,
|
2021-06-30 23:16:45 +00:00
|
|
|
};
|
|
|
|
export type Assets = { [key in keyof typeof assetUrls]: HTMLImageElement };
|
2021-06-28 20:28:26 +00:00
|
|
|
|
2021-06-30 23:16:45 +00:00
|
|
|
const assets = Object.fromEntries(
|
|
|
|
Object.entries(assetUrls).map(([name, url]) => [name, loadImage(url)])
|
|
|
|
);
|
2021-06-28 20:28:26 +00:00
|
|
|
|
|
|
|
export async function loadAssets() {
|
2021-06-30 23:16:45 +00:00
|
|
|
const imgs = await Promise.all(Object.values(assets));
|
|
|
|
return Object.fromEntries(
|
|
|
|
imgs.map((img, i) => [Object.keys(assetUrls)[i], img])
|
|
|
|
) as Assets;
|
2021-06-28 20:28:26 +00:00
|
|
|
}
|