@edv4h/usketch-gpu3d-renderer 0.0.0-stage → 0.1.0

package/dist/gpu3d-renderer.js

@@ -0,0 +1,363 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// The GPU 3D renderer (experimental): draws the board's 3D view (the core `View3dState`)
+// on one WebGL2 canvas with a depth buffer, instead of tilting the DOM layers like the
+// CSS 3D renderer. Plugins with their own GPU drawing (the elevation's terrain) draw
+// into the same canvas through the board's GL hook (`view3dGl` in shared), so the
+// terrain and what stands on it hide each other by depth.
+//
+// While it draws, the layers that show in 3D (`tilt` / `depth`) are hidden: what they
+// show is drawn on the canvas. The shapes are pictures of their (hidden) DOM drawing laid
+// on the ground (see `gpu3d-shapes`). Screen layers (the sky, fog, HUD) stay DOM. It draws
+// nothing while the board is flat (the 2D renderers draw it then).
+import { boardHeight, defineService, view3dCellOf, view3dGl, view3dRendererService, viewMatrix, } from "@edv4h/usketch-shared";
+import { useEffect, useRef } from "react";
+import { GroundPainter } from "./gpu3d-ground.js";
+import { ShapePainter } from "./gpu3d-shapes.js";
+/** The canvas layer's id. */
+export const GPU3D_LAYER_ID = "gpu3d:view";
+/** Attribute on the main canvas container while the GPU renderer draws. */
+export const GPU_STAGE_ATTR = "data-view3d-gpu";
+/** Just above the sky (Mode 7's, order 1), under every other layer. */
+const LAYER_ORDER = 2;
+/** The DOM renderer's shape layer (its nodes are what the shape pictures are made of). */
+const DOM_SHAPES_LAYER_ID = "dom-shapes";
+/** The GPU 3D renderer on `ctx.services` (one per board). */
+export const gpu3dRendererService = defineService("usketch-gpu3d-renderer");
+/** The camera a 3D view state draws with, as the projection functions take it. Pure. */
+export function drawnCamera(state, zoom) {
+    const a = Math.min(1, Math.max(0, state.amount));
+    const { pitch, fov, horizon, height } = state.camera;
+    const z = Number.isFinite(zoom) && zoom > 0 ? zoom : 1;
+    return { pitch: pitch * a, yaw: 0, fov, horizon, heightPx: height * z * a };
+}
+/** The CSS that hides the layers the canvas draws instead. Pure. */
+export function hiddenLayerRules(ids) {
+    const stage = `[${GPU_STAGE_ATTR}="on"]`;
+    const rules = ids.map((id) => `${stage}>[data-layer-id="${id.replace(/["\\]/g, "")}"]{visibility:hidden !important;}`);
+    rules.push(`${stage} [data-view3d="hidden"]{display:none !important;}`);
+    return rules.join("");
+}
+function declared(ctx, kinds) {
+    return ctx.layers
+        .getLayers()
+        .filter((l) => l.view3d !== undefined && kinds.includes(l.view3d))
+        .map((l) => l.id);
+}
+/** The bg-grid plugin's line: #e0e0e0 at half opacity (premultiplied). */
+const GRID_LINE = [
+    (0xe0 / 255) * 0.5,
+    (0xe0 / 255) * 0.5,
+    (0xe0 / 255) * 0.5,
+    0.5,
+];
+/**
+ * The ground's own colour: none, as the CSS 3D renderer's tilted grid (the board's
+ * background and the 3D view's sky show through between the lines, which hazes the far
+ * ground the same way).
+ */
+const GROUND_BACKGROUND = [0, 0, 0, 0];
+/** The GL side: one canvas, its context and what draws in it. */
+class Painter {
+    gl;
+    ground;
+    shapes;
+    static create(canvas, onReady, shapes) {
+        const gl = canvas.getContext("webgl2", {
+            antialias: true,
+            premultipliedAlpha: true,
+            alpha: true,
+        });
+        if (!gl)
+            return null;
+        try {
+            return new Painter(gl, onReady, shapes);
+        }
+        catch (err) {
+            console.error("[gpu3d-renderer] WebGL2 setup failed", err);
+            return null;
+        }
+    }
+    constructor(gl, onReady, shapes) {
+        this.gl = gl;
+        this.ground = new GroundPainter(gl);
+        this.shapes = shapes ? new ShapePainter(gl, onReady) : null;
+    }
+    /** Draw a frame; `true` when a drawable wants another. */
+    draw(frame, look, hook, size, shapes) {
+        const { gl } = this;
+        const canvas = gl.canvas;
+        const pw = Math.max(1, Math.round(size.width * frame.pixelRatio));
+        const ph = Math.max(1, Math.round(size.height * frame.pixelRatio));
+        if (canvas.width !== pw || canvas.height !== ph) {
+            canvas.width = pw;
+            canvas.height = ph;
+        }
+        gl.viewport(0, 0, pw, ph);
+        gl.clearColor(0, 0, 0, 0);
+        gl.clearDepth(1);
+        gl.depthMask(true);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+        gl.enable(gl.DEPTH_TEST);
+        gl.depthFunc(gl.LEQUAL);
+        gl.enable(gl.BLEND);
+        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+        const full = { ...frame, gl };
+        this.ground.draw(full, look);
+        let again = false;
+        for (const d of hook.drawables()) {
+            try {
+                if (d.draw(full))
+                    again = true;
+            }
+            catch (err) {
+                console.error(`[gpu3d-renderer] drawable ${d.id} failed`, err);
+            }
+        }
+        if (this.shapes && shapes && this.shapes.draw(full, shapes))
+            again = true;
+        return again;
+    }
+    clear() {
+        const { gl } = this;
+        gl.clearColor(0, 0, 0, 0);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+    }
+    release(hook) {
+        for (const d of hook.drawables()) {
+            try {
+                d.release?.(this.gl);
+            }
+            catch {
+                // A drawable failing to free its objects can't stop the others.
+            }
+        }
+        this.ground.release();
+        this.shapes?.release();
+    }
+}
+/**
+ * Set the renderer up on `ctx` (the plugin does it). Returns its API and teardown, or
+ * `null` when the board has no 3D view state.
+ */
+export function setupGpu3dRenderer(ctx, options = {}) {
+    const cell = options.view3d ?? view3dCellOf(ctx.store);
+    if (!cell)
+        return null;
+    const hook = view3dGl(ctx.services);
+    let tiltOverride = options.tiltLayerIds ?? null;
+    let depthOverride = options.depthLayerIds ?? null;
+    const tiltLayers = () => tiltOverride ?? declared(ctx, ["tilt", "depth"]);
+    const depthLayers = () => depthOverride ?? declared(ctx, ["depth"]);
+    let canvas = null;
+    let painter = null;
+    let raf = 0;
+    let styleEl = null;
+    let stage = null;
+    const drawing = () => cell.get().amount > 0 && painter !== null;
+    const height = ctx.height ?? boardHeight(ctx.services);
+    let rc = null;
+    const shapeSource = () => {
+        if (!rc || !stage)
+            return null;
+        const layer = stage.querySelector(`:scope > [data-layer-id="${DOM_SHAPES_LAYER_ID}"]`);
+        const nodes = new Map();
+        if (layer) {
+            for (const el of layer.querySelectorAll("[data-shape-id]")) {
+                const id = el.getAttribute("data-shape-id");
+                if (id && !nodes.has(id))
+                    nodes.set(id, el);
+            }
+        }
+        return {
+            shapes: rc.shapesSorted,
+            registry: ctx.shapes,
+            node: (id) => nodes.get(id) ?? null,
+            groundAt: (x, y) => height.groundAt(x, y),
+        };
+    };
+    const showLayers = (on) => {
+        // The canvas sits in its layer's node, whose parent holds every layer.
+        const container = canvas?.closest("[data-layer-id]")?.parentElement ?? null;
+        if (stage && stage !== container)
+            stage.removeAttribute(GPU_STAGE_ATTR);
+        stage = container;
+        if (!on) {
+            stage?.removeAttribute(GPU_STAGE_ATTR);
+            if (styleEl)
+                styleEl.textContent = "";
+            return;
+        }
+        if (typeof document === "undefined" || !stage)
+            return;
+        if (!styleEl) {
+            styleEl = document.createElement("style");
+            styleEl.setAttribute("data-gpu3d-renderer", "");
+            document.head.appendChild(styleEl);
+        }
+        const ids = [
+            ...new Set([
+                ...tiltLayers(),
+                ...depthLayers(),
+                ...declared(ctx, ["ground"]),
+                // The canvas draws itself: never hide it.
+            ]),
+        ].filter((id) => id !== GPU3D_LAYER_ID);
+        const css = hiddenLayerRules(ids);
+        if (styleEl.textContent !== css)
+            styleEl.textContent = css;
+        stage.setAttribute(GPU_STAGE_ATTR, "on");
+    };
+    const look = () => {
+        return {
+            background: GROUND_BACKGROUND,
+            line: GRID_LINE,
+            grid: tiltLayers().includes("bg-grid"),
+            // 1 px of the flat grid (it is drawn in screen px, then tilted).
+            lineWidth: 1 / (ctx.store.getViewport().zoom || 1),
+        };
+    };
+    const frame = () => {
+        raf = 0;
+        if (!painter || !canvas)
+            return;
+        const state = cell.get();
+        if (!(state.amount > 0)) {
+            painter.clear();
+            showLayers(false);
+            hook.setDrawing(false);
+            return;
+        }
+        showLayers(true);
+        const size = { width: canvas.clientWidth, height: canvas.clientHeight };
+        if (!(size.width > 0 && size.height > 0))
+            return;
+        const viewport = ctx.store.getViewport();
+        const view = { viewport, camera: drawnCamera(state, viewport.zoom), stage: size };
+        const pixelRatio = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+        const again = painter.draw({
+            view,
+            matrix: viewMatrix(view),
+            pixelRatio,
+            amount: Math.min(1, state.amount),
+            drawDistance: state.drawDistance,
+        }, look(), hook, size, options.shapes === false ? null : shapeSource());
+        hook.setDrawing(true);
+        if (again)
+            schedule();
+    };
+    const schedule = () => {
+        if (raf || !painter)
+            return;
+        raf = typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame(frame) : 0;
+    };
+    const attach = (el) => {
+        if (el === canvas)
+            return;
+        if (painter) {
+            painter.release(hook);
+            painter = null;
+        }
+        if (raf && typeof cancelAnimationFrame !== "undefined")
+            cancelAnimationFrame(raf);
+        raf = 0;
+        showLayers(false);
+        hook.setDrawing(false);
+        canvas = el;
+        if (el) {
+            painter = Painter.create(el, schedule, options.shapes !== false);
+            schedule();
+        }
+    };
+    const offs = [
+        cell.subscribe(schedule),
+        ctx.store.onMutation((e) => {
+            if (e.type === "viewport:changed")
+                schedule();
+        }),
+        hook.onFrameRequest(schedule),
+        hook.subscribe(schedule),
+        height.subscribe(schedule),
+        ctx.events.on("layers:changed", schedule),
+    ];
+    if (typeof window !== "undefined")
+        window.addEventListener("resize", schedule);
+    const layer = {
+        id: GPU3D_LAYER_ID,
+        order: LAYER_ORDER,
+        avoidCollision: true,
+        fixed: true,
+        render: (layerCtx) => {
+            // The shapes drawn next frame (the layer re-renders as the board changes).
+            rc = layerCtx;
+            schedule();
+            return _jsx(Gpu3dCanvas, { attach: attach });
+        },
+    };
+    ctx.layers.register(layer);
+    const api = {
+        isDrawing: drawing,
+        setTiltLayers(ids) {
+            tiltOverride = ids ? [...ids] : null;
+            schedule();
+        },
+        setDepthLayers(ids) {
+            depthOverride = ids ? [...ids] : null;
+            schedule();
+        },
+        getTiltLayers: () => tiltLayers(),
+        getDepthLayers: () => depthLayers(),
+    };
+    return {
+        api,
+        dispose: () => {
+            if (ctx.layers.getLayers().some((l) => l === layer))
+                ctx.layers.unregister(GPU3D_LAYER_ID);
+            attach(null);
+            for (const off of offs)
+                off();
+            if (typeof window !== "undefined")
+                window.removeEventListener("resize", schedule);
+            styleEl?.remove();
+            styleEl = null;
+        },
+    };
+}
+function Gpu3dCanvas({ attach }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        attach(ref.current);
+        return () => attach(null);
+    }, [attach]);
+    return (_jsx("canvas", { ref: ref, "data-gpu3d-canvas": "", style: {
+            position: "absolute",
+            inset: 0,
+            width: "100%",
+            height: "100%",
+            pointerEvents: "none",
+        } }));
+}
+/**
+ * The GPU 3D renderer plugin (experimental). Add it INSTEAD of the CSS 3D renderer, before
+ * the 3D view (Mode 7). If a 3D renderer is already on the board, this one does nothing.
+ */
+export function createGpu3dRendererPlugin(options = {}) {
+    return {
+        id: "usketch-gpu3d-renderer",
+        name: "GPU 3D renderer (experimental)",
+        setup(ctx) {
+            if (view3dRendererService.get(ctx.services))
+                return;
+            const renderer = setupGpu3dRenderer(ctx, options);
+            if (!renderer)
+                return;
+            const unprovide = gpu3dRendererService.provide(ctx.services, renderer.api);
+            const unprovideGeneric = view3dRendererService.provide(ctx.services, renderer.api);
+            return () => {
+                unprovideGeneric();
+                unprovide();
+                renderer.dispose();
+            };
+        },
+    };
+}
+//# sourceMappingURL=gpu3d-renderer.js.map

package/dist/gpu3d-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gpu3d-renderer.js","sourceRoot":"","sources":["../src/gpu3d-renderer.tsx"],"names":[],"mappings":"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"}

package/dist/gpu3d-shapes.d.ts

@@ -0,0 +1,40 @@
+import { type BoundingBox, type ShapeData, type ShapeRegistry, type View3dGlFrame } from "@edv4h/usketch-shared";
+/** What the shapes are drawn from in a frame (the latest layer render context). */
+export interface ShapeSource {
+    shapes: readonly ShapeData[];
+    registry: ShapeRegistry;
+    /** The DOM node a shape is drawn in (hidden while the GPU draws), or `null`. */
+    node(id: string): Element | null;
+    /** The ground's height under a world point. */
+    groundAt(x: number, y: number): number;
+}
+/** How high a flat shape lies: the ground under its centre (as the CSS 3D renderer). Pure. */
+export declare function flatShapeHeight(box: BoundingBox, groundAt: (x: number, y: number) => number): number;
+export declare class ShapePainter {
+    private readonly gl;
+    /** Asked for another frame when a picture is ready. */
+    private readonly onReady;
+    private readonly program;
+    private readonly vao;
+    private readonly buffer;
+    private readonly u;
+    private readonly pictures;
+    private frameNo;
+    /** Anisotropic filtering (sharp pictures seen at a grazing angle), when there is. */
+    private readonly aniso;
+    private pending;
+    private released;
+    constructor(gl: WebGL2RenderingContext, 
+    /** Asked for another frame when a picture is ready. */
+    onReady: () => void);
+    /** Draw the shapes; `true` when pictures are still to be made (draw again). */
+    draw(frame: View3dGlFrame, source: ShapeSource): boolean;
+    private makePictures;
+    private finish;
+    private upload;
+    private forgetOld;
+    /** Pictures held now (tests, stats). */
+    pictureCount(): number;
+    release(): void;
+}
+//# sourceMappingURL=gpu3d-shapes.d.ts.map

package/dist/gpu3d-shapes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gpu3d-shapes.d.ts","sourceRoot":"","sources":["../src/gpu3d-shapes.ts"],"names":[],"mappings":"AAMA,OAAO,EACN,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,aAAa,EAGlB,KAAK,aAAa,EAElB,MAAM,uBAAuB,CAAC;AAU/B,mFAAmF;AACnF,MAAM,WAAW,WAAW;IAC3B,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,gFAAgF;IAChF,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACjC,+CAA+C;IAC/C,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvC;AAUD,8FAA8F;AAC9F,wBAAgB,eAAe,CAC9B,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,GACxC,MAAM,CAGR;AA8CD,qBAAa,YAAY;IAavB,OAAO,CAAC,QAAQ,CAAC,EAAE;IACnB,uDAAuD;IACvD,OAAO,CAAC,QAAQ,CAAC,OAAO;IAdzB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IACvC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAyB;IAC7C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAc;IACrC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAmD;IACrE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA8B;IACvD,OAAO,CAAC,OAAO,CAAK;IACpB,qFAAqF;IACrF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAsC;IAC5D,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,QAAQ,CAAS;IAEzB,YACkB,EAAE,EAAE,sBAAsB;IAC3C,uDAAuD;IACtC,OAAO,EAAE,MAAM,IAAI,EAwBpC;IAED,+EAA+E;IAC/E,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,GAAG,OAAO,CA+DvD;IAED,OAAO,CAAC,YAAY;IA2CpB,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,MAAM;IA8Bd,OAAO,CAAC,SAAS;IASjB,wCAAwC;IACxC,YAAY,IAAI,MAAM,CAErB;IAED,OAAO,IAAI,IAAI,CAQd;CACD"}