31 lines
686 B
TypeScript
31 lines
686 B
TypeScript
|
import { loadFiles } from "utils/functions";
|
||
|
|
|
||
|
|
declare global {
|
||
|
|
interface Window {
|
||
|
|
effectInit: (canvas: HTMLCanvasElement) => void;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export const libs = [
|
||
|
|
"/System/ShaderToy/CoastalLandscape/piLibs.js",
|
||
|
|
"/System/ShaderToy/CoastalLandscape/effect.js",
|
||
|
|
"/System/ShaderToy/CoastalLandscape/init.js",
|
||
|
|
];
|
||
|
|
|
||
|
|
const CoastalLandscape = 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.effectInit(canvas);
|
||
|
|
|
||
|
|
el.append(canvas);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default CoastalLandscape;
|