41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
import type { ImageDocument } from "@core/document";
|
|
import type { EditorState } from "@editor/state";
|
|
|
|
export type RenderFrame = {
|
|
document: ImageDocument;
|
|
editor: EditorState;
|
|
};
|
|
|
|
export type ImageRenderer = {
|
|
render(frame: RenderFrame): void;
|
|
resize(width: number, height: number): void;
|
|
dispose(): void;
|
|
};
|
|
|
|
export type RendererBackend = "webgl";
|
|
|
|
export function createRenderer(canvas: HTMLCanvasElement, backend: RendererBackend = "webgl"): ImageRenderer {
|
|
if (backend !== "webgl") {
|
|
throw new Error(`Unsupported renderer backend: ${backend}`);
|
|
}
|
|
|
|
const context = canvas.getContext("webgl2");
|
|
if (!context) {
|
|
throw new Error("WebGL2 is not available");
|
|
}
|
|
|
|
return {
|
|
render() {
|
|
context.viewport(0, 0, canvas.width, canvas.height);
|
|
context.clearColor(0, 0, 0, 0);
|
|
context.clear(context.COLOR_BUFFER_BIT);
|
|
},
|
|
resize(width, height) {
|
|
canvas.width = width;
|
|
canvas.height = height;
|
|
context.viewport(0, 0, width, height);
|
|
},
|
|
dispose() {},
|
|
};
|
|
}
|