82 lines
2.3 KiB
TypeScript
82 lines
2.3 KiB
TypeScript
import '../assets/icons/info.svg';
|
|
import GameLoop from './game-loop/game-loop';
|
|
import './index.scss';
|
|
import { FullScreenHandler } from './page/full-screen-handler';
|
|
import { InfoPageHandler } from './page/info-page-handler';
|
|
import { MenuHider } from './page/menu-hider';
|
|
import { applyArrayPlugins } from './utils/array';
|
|
import { ErrorHandler, Severity } from './utils/error-handler';
|
|
import { initializeGpu } from './utils/graphics/initialize-gpu';
|
|
|
|
declare global {
|
|
interface Array<T> {
|
|
x: T;
|
|
y: T;
|
|
}
|
|
|
|
interface ReadonlyArray<T> {
|
|
x: T;
|
|
y: T;
|
|
}
|
|
|
|
interface Float32Array {
|
|
x: number;
|
|
y: number;
|
|
}
|
|
}
|
|
|
|
const getElements = () => ({
|
|
aside: document.querySelector('aside') as HTMLDivElement,
|
|
infoButton: document.querySelector('button.info') as HTMLButtonElement,
|
|
infoElement: document.querySelector('.pages') as HTMLDivElement,
|
|
minimizeFullScreenButton: document.querySelector(
|
|
'button.minimize-full-screen'
|
|
) as HTMLButtonElement,
|
|
maximizeFullScreenButton: document.querySelector(
|
|
'button.maximize-full-screen'
|
|
) as HTMLButtonElement,
|
|
restartButton: document.querySelector('button.restart') as HTMLButtonElement,
|
|
canvas: document.querySelector('canvas') as HTMLCanvasElement,
|
|
canvasContainer: document.querySelector('main.canvas-container') as HTMLCanvasElement,
|
|
errorContainer: document.querySelector('.errors-container') as HTMLDivElement,
|
|
});
|
|
|
|
const main = async () => {
|
|
const elements = getElements();
|
|
|
|
let shouldStop = false;
|
|
let game: GameLoop | null = null;
|
|
|
|
ErrorHandler.addOnErrorListener((error, metadata) => {
|
|
elements.errorContainer.innerHTML += `
|
|
<pre class="${error.severity}">${error.message}</div>
|
|
`;
|
|
game?.destroy();
|
|
shouldStop = true;
|
|
});
|
|
|
|
try {
|
|
applyArrayPlugins();
|
|
|
|
new InfoPageHandler(elements.infoButton, elements.infoElement);
|
|
new MenuHider(elements.aside, FullScreenHandler.isInFullScreenMode);
|
|
new FullScreenHandler(
|
|
elements.minimizeFullScreenButton,
|
|
elements.maximizeFullScreenButton,
|
|
document.body
|
|
);
|
|
|
|
const gpu = await initializeGpu();
|
|
|
|
elements.restartButton.addEventListener('click', () => game?.destroy());
|
|
|
|
while (!shouldStop) {
|
|
game = new GameLoop(elements.canvas, gpu);
|
|
await game.start();
|
|
}
|
|
} catch (e) {
|
|
ErrorHandler.addError(Severity.ERROR, e.message);
|
|
}
|
|
};
|
|
|
|
main();
|