34 lines
721 B
TypeScript
34 lines
721 B
TypeScript
|
import { loadFiles } from "utils/functions";
|
||
|
|
|
||
|
|
declare global {
|
||
|
|
interface Window {
|
||
|
|
Demo: new (canvas: HTMLCanvasElement) => unknown;
|
||
|
|
Hexells: unknown;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export const libs = [
|
||
|
|
"/System/Hexells/twgl-full.min.js",
|
||
|
|
"/System/Hexells/pako.min.js",
|
||
|
|
"/System/Hexells/UPNG.min.js",
|
||
|
|
"/System/Hexells/ca.js",
|
||
|
|
"/System/Hexells/demo.js",
|
||
|
|
];
|
||
|
|
|
||
|
|
const hexells = async (el?: HTMLElement | null): Promise<void> => {
|
||
|
|
if (!el) return;
|
||
|
|
|
||
|
|
await loadFiles(libs);
|
||
|
|
|
||
|
|
const canvas = document.createElement("canvas");
|
||
|
|
|
||
|
|
canvas.height = window.innerHeight;
|
||
|
|
canvas.width = window.innerWidth;
|
||
|
|
|
||
|
|
window.Hexells = new window.Demo(canvas);
|
||
|
|
|
||
|
|
el.append(canvas);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default hexells;
|