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

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,kBAAkB,EAGlB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EAEtB,cAAc,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACN,iBAAiB,EAIjB,cAAc,EACd,yBAAyB,EACzB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,kBAAkB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAGN,uBAAuB,EACvB,wBAAwB,EACxB,gBAAgB,GAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGN,gBAAgB,EAEhB,oBAAoB,EAEpB,iBAAiB,EACjB,UAAU,GACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGN,eAAe,EACf,QAAQ,EAGR,0BAA0B,EAC1B,kBAAkB,EAClB,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,aAAa,EACb,cAAc,EAGd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,GACT,MAAM,oBAAoB,CAAC"}

package/dist/shapes-layer.d.ts

@@ -0,0 +1,53 @@
+import { type LayerRenderContext, type ShapeData, type ShapeRegistry, type ShapeView3d, type View3dCamera, type View3dOcclusionApi, type View3dTracker } from "@edv4h/usketch-shared";
+import { type Css3dShapeLimits, type Css3dShapeTypes } from "./shapes-layout.js";
+/** The layer's id (the shape-3d plugin's, so a 3D view's layer lists keep naming it). */
+export declare const SHAPE_3D_LAYER_ID = "shape-3d";
+export interface Css3dShapesLayerProps {
+    rc: LayerRenderContext;
+    shapes: ShapeRegistry;
+    tracker: View3dTracker;
+    types: Css3dShapeTypes;
+    limits: Css3dShapeLimits;
+    /** Screen px the 3D view shows past the board box. */
+    overscanPx: number;
+    /** Ground height at a world point (world units). */
+    heightAt: (x: number, y: number) => number;
+    /** Told which shapes this layer draws after each render (the DOM layer hides them). */
+    onDrawn: (ids: ReadonlySet<string>) => void;
+    /** The 3D view's camera, for a type's own `render3d`. */
+    camera?: Css3dCameraSource;
+    /** What the ground hides: a shape whose top is hidden fades (or isn't drawn). */
+    occlusion?: View3dOcclusionApi | null;
+    /** Changes to what the ground hides (a counter), to re-render on. */
+    occlusionChanges?: Css3dChangeSource;
+}
+/** A counter that moves on every change of something, and its notifications. */
+export interface Css3dChangeSource {
+    get(): number;
+    subscribe(listener: () => void): () => void;
+}
+/**
+ * Answers for "is this shape behind the ground", spread over frames: a follow camera
+ * re-renders the layer every frame, and asking for every shape each time costs too much
+ * (each answer walks the ground along the line of sight). An answer is reused for
+ * `maxAgeMs`, and at most `budget` are asked per frame (the stalest first come due as
+ * they age); a shape not asked yet counts as in view.
+ */
+export interface OcclusionCache {
+    /** Start a frame at `now` (ms): the budget refills. */
+    frame(now: number): void;
+    /** The answer for `id` at this place, asking `ask` when due and within the budget. */
+    get(id: string, key: string, ask: () => boolean): boolean;
+    /** Forget everything (the setting or the provider changed). */
+    clear(): void;
+}
+export declare function createOcclusionCache(maxAgeMs?: number, budget?: number): OcclusionCache;
+/** How high a shape's top is above its ground (world units) in its 3D mode. Pure. */
+export declare function shapeTop3d(shape: ShapeData, params: ShapeView3d): number;
+/** The drawn camera and its change notifications (see `ShapeView3dRenderContext`). */
+export interface Css3dCameraSource {
+    get(): View3dCamera | null;
+    subscribe(listener: () => void): () => void;
+}
+export declare function Css3dShapesLayer({ rc, shapes, tracker, types, limits, overscanPx, heightAt, onDrawn, camera, occlusion, occlusionChanges, }: Css3dShapesLayerProps): import("react").JSX.Element | null;
+//# sourceMappingURL=shapes-layer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shapes-layer.d.ts","sourceRoot":"","sources":["../src/shapes-layer.tsx"],"names":[],"mappings":"AAKA,OAAO,EACN,KAAK,kBAAkB,EAEvB,KAAK,SAAS,EAEd,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAElB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAGN,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAYpB,MAAM,oBAAoB,CAAC;AAE5B,yFAAyF;AACzF,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAiC5C,MAAM,WAAW,qBAAqB;IACrC,EAAE,EAAE,kBAAkB,CAAC;IACvB,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,uFAAuF;IACvF,OAAO,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5C,yDAAyD;IACzD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;CACrC;AAED,gFAAgF;AAChF,MAAM,WAAW,iBAAiB;IACjC,GAAG,IAAI,MAAM,CAAC;IACd,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;CAC5C;AAID;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC9B,uDAAuD;IACvD,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,sFAAsF;IACtF,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC;IAC1D,+DAA+D;IAC/D,KAAK,IAAI,IAAI,CAAC;CACd;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,SAAM,EAAE,MAAM,SAAK,GAAG,cAAc,CAsBhF;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,CAExE;AAED,sFAAsF;AACtF,MAAM,WAAW,iBAAiB;IACjC,GAAG,IAAI,YAAY,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;CAC5C;AAID,wBAAgB,gBAAgB,CAAC,EAChC,EAAE,EACF,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,MAAkB,EAClB,SAAgB,EAChB,gBAA6B,GAC7B,EAAE,qBAAqB,sCAwKvB"}

package/dist/shapes-layer.js

@@ -0,0 +1,198 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The 3D shape layer: draws the shapes that rise out of the ground while the board is
+// shown in 3D. It is a depth layer, so the `translateZ` / `rotateX` below rise out of the
+// tilted ground instead of being flattened onto it. The DOM shape layer skips the same
+// shapes meanwhile (they are claimed through the board's shape claims).
+import { ShapeContent } from "@edv4h/usketch-dom-renderer";
+import { occludedStyle, } from "@edv4h/usketch-shared";
+import { memo, useEffect, useRef, useSyncExternalStore } from "react";
+import { boxTopTransform, boxWalls, poseBox, poseOrigin, poseTransform, render3dFrame, selectShapes3d, shadowStyle, shapeAnchor, shapePose, wallColor, wallShade, } from "./shapes-layout.js";
+/** The layer's id (the shape-3d plugin's, so a 3D view's layer lists keep naming it). */
+export const SHAPE_3D_LAYER_ID = "shape-3d";
+/**
+ * The shape's own drawing at its world size, scaled to the node's px box (re-rendered
+ * only when the shape or the zoom changes, not as the camera moves). No opacity here:
+ * the renderers apply `style.opacity` themselves, as on the flat DOM layer.
+ */
+const StandContent = memo(function StandContent({ shape, def, zoom, }) {
+    return (_jsx("div", { style: {
+            position: "absolute",
+            left: 0,
+            top: 0,
+            width: shape.width,
+            height: shape.height,
+            transform: `scale(${zoom})`,
+            transformOrigin: "0 0",
+        }, children: _jsx(ShapeContent, { shape: shape, def: def }) }));
+});
+const NO_CHANGES = { get: () => 0, subscribe: () => () => { } };
+export function createOcclusionCache(maxAgeMs = 100, budget = 40) {
+    const answers = new Map();
+    let now = 0;
+    let left = budget;
+    return {
+        frame(t) {
+            now = t;
+            left = budget;
+        },
+        get(id, key, ask) {
+            const old = answers.get(id);
+            const fresh = old && old.key === key && now - old.at < maxAgeMs;
+            if (fresh || left <= 0)
+                return old?.hidden ?? false;
+            left--;
+            const hidden = ask();
+            answers.set(id, { key, hidden, at: now });
+            return hidden;
+        },
+        clear() {
+            answers.clear();
+        },
+    };
+}
+/** How high a shape's top is above its ground (world units) in its 3D mode. Pure. */
+export function shapeTop3d(shape, params) {
+    return params.mode === "stand" ? shape.height : params.height;
+}
+const NO_CAMERA = { get: () => null, subscribe: () => () => { } };
+export function Css3dShapesLayer({ rc, shapes, tracker, types, limits, overscanPx, heightAt, onDrawn, camera = NO_CAMERA, occlusion = null, occlusionChanges = NO_CHANGES, }) {
+    const view = useSyncExternalStore(tracker.subscribe, tracker.get, tracker.get);
+    // Re-render when what the ground hides may change without the viewport moving.
+    useSyncExternalStore(occlusionChanges.subscribe, occlusionChanges.get, occlusionChanges.get);
+    const cacheRef = useRef(null);
+    const look = occlusion?.look() ?? "fade";
+    if (!cacheRef.current || cacheRef.current.look !== look || cacheRef.current.api !== occlusion) {
+        cacheRef.current = { cache: createOcclusionCache(), look, api: occlusion };
+    }
+    const occlusionCache = cacheRef.current.cache;
+    occlusionCache.frame(typeof performance !== "undefined" ? performance.now() : Date.now());
+    const entries = selectShapes3d({
+        shapes: rc.shapesSorted,
+        types,
+        viewport: rc.viewport,
+        viewportBounds: rc.viewportBounds,
+        overscanPx,
+        renderMode: rc.renderMode,
+        amount: view.amount,
+        limits,
+        heightAt,
+    });
+    const drawn = [];
+    for (const entry of entries) {
+        const def = shapes.get(entry.shape.type);
+        if (def)
+            drawn.push({ entry, def });
+    }
+    const ids = drawn.map((d) => d.entry.shape.id).join("\n");
+    // After the paint: the DOM layer hides exactly what is drawn here (only re-sent when
+    // the set changes; the receiver also ignores an unchanged set).
+    useEffect(() => {
+        onDrawn(new Set(ids ? ids.split("\n") : []));
+    }, [ids, onDrawn]);
+    // Unmounted (the layer replaced or removed): nothing is drawn here any more.
+    useEffect(() => () => onDrawn(new Set()), [onDrawn]);
+    if (drawn.length === 0)
+        return null;
+    return (_jsx("div", { "data-shape-3d-layer": "", style: {
+            position: "absolute",
+            inset: 0,
+            pointerEvents: "none",
+            transformStyle: "preserve-3d",
+        }, children: drawn.map(({ entry, def }) => {
+            const { shape, params } = entry;
+            const anchor = shapeAnchor(shape, params.mode);
+            const where = {
+                viewport: rc.viewport,
+                amount: view.amount,
+                yaw: view.yaw,
+                groundHeight: params.ground ? heightAt(anchor.x, anchor.y) : 0,
+            };
+            const custom = renderCustom(shape, def, params, types, where, camera);
+            const top = where.groundHeight + shapeTop3d(shape, params);
+            const hidden = occlusion
+                ? occlusionCache.get(shape.id, `${anchor.x},${anchor.y},${top}`, () => occlusion.hidden(anchor.x, anchor.y, top))
+                : false;
+            const pose = custom?.pose ?? shapePose(shape, params, where);
+            const box = poseBox(pose);
+            const isBox = pose.mode === "box";
+            // Opacity would flatten a 3D node's children (a box's walls, a type's own
+            // planes), so a box fades its faces instead and a type's own drawing hides.
+            const shown = custom ? "hide" : look;
+            const hiddenStyle = occludedStyle(hidden, shown);
+            const nodeStyle = !custom && isBox && shown === "fade" ? undefined : hiddenStyle;
+            const faceStyle = nodeStyle ? undefined : hiddenStyle;
+            const shadow = params.shadow ? shadowStyle(pose) : null;
+            return [
+                shadow ? (_jsx("div", { "data-shape-3d-shadow": shape.id, style: {
+                        position: "absolute",
+                        left: pose.x,
+                        top: pose.y,
+                        width: shadow.width,
+                        height: shadow.height,
+                        borderRadius: "50%",
+                        background: "radial-gradient(closest-side, rgba(0,0,0,0.3), rgba(0,0,0,0))",
+                        opacity: shadow.opacity,
+                        transform: shadow.transform,
+                        transformOrigin: "0 0",
+                        ...(hidden ? { visibility: "hidden" } : null),
+                    } }, `shadow-${shape.id}`)) : null,
+                custom ? (_jsx("div", { "data-shape-3d-id": shape.id, "data-shape-3d-mode": "custom", "data-shape-3d-hidden": hidden ? "" : undefined, style: {
+                        position: "absolute",
+                        ...box,
+                        transform: custom.transform,
+                        transformOrigin: poseOrigin(pose),
+                        transformStyle: "preserve-3d",
+                        ...nodeStyle,
+                    }, children: custom.element }, shape.id)) : (_jsx("div", { "data-shape-3d-id": shape.id, "data-shape-3d-mode": pose.mode, "data-shape-3d-hidden": hidden ? "" : undefined, style: {
+                        position: "absolute",
+                        ...box,
+                        transform: poseTransform(pose),
+                        transformOrigin: poseOrigin(pose),
+                        transformStyle: isBox ? "preserve-3d" : undefined,
+                        ...nodeStyle,
+                    }, children: isBox ? (_jsxs(_Fragment, { children: [boxWalls(pose).map((w) => (_jsx("div", { "data-shape-3d-wall": w.side, style: {
+                                    position: "absolute",
+                                    left: w.left,
+                                    top: w.top,
+                                    width: w.width,
+                                    height: w.height,
+                                    transformOrigin: w.transformOrigin,
+                                    transform: w.transform,
+                                    background: wallColor(shape),
+                                    boxShadow: wallShade(w.side),
+                                    backfaceVisibility: "hidden",
+                                    ...faceStyle,
+                                } }, w.side))), _jsx("div", { "data-shape-3d-top": "", style: {
+                                    position: "absolute",
+                                    inset: 0,
+                                    transform: boxTopTransform(pose),
+                                    ...faceStyle,
+                                }, children: _jsx(StandContent, { shape: shape, def: def, zoom: pose.zoom }) })] })) : (_jsx(StandContent, { shape: shape, def: def, zoom: pose.zoom })) }, shape.id)),
+            ];
+        }) }));
+}
+/** A type's own `render3d` for this shape, placed by {@link render3dFrame}; `null` = use
+ *  the generic drawing (no `render3d`, or it returned `null`). */
+function renderCustom(shape, def, params, types, view, camera) {
+    const render3d = types[shape.type]?.render3d;
+    if (!render3d)
+        return null;
+    const frame = render3dFrame(shape, params, view);
+    const { pose } = frame;
+    const element = render3d(shape, {
+        params,
+        amount: pose.raise,
+        zoom: pose.zoom,
+        width: round3(pose.width * pose.zoom),
+        height: round3(pose.height * pose.zoom),
+        faceCamera: frame.faceCamera,
+        content: _jsx(StandContent, { shape: shape, def: def, zoom: pose.zoom }),
+        camera: () => camera.get(),
+        subscribe: (listener) => camera.subscribe(listener),
+    });
+    return element ? { pose, transform: frame.transform, element } : null;
+}
+function round3(n) {
+    return Math.round(n * 1000) / 1000;
+}
+//# sourceMappingURL=shapes-layer.js.map

package/dist/shapes-layer.js.map

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

package/dist/shapes-layout.d.ts

@@ -0,0 +1,163 @@
+import { type BoundingBox, type RenderMode, type ShapeData, type ShapeTypeView3d, type ShapeView3d, type ShapeView3dMode, shapeView3dAnchor, shapeView3dFoot, type Viewport } from "@edv4h/usketch-shared";
+type Shape3dMode = ShapeView3dMode;
+type Shape3dParams = ShapeView3d;
+/** Each shape type's 3D (`ShapeTypeView3d`), by type. */
+export type Css3dShapeTypes = Readonly<Record<string, ShapeTypeView3d>>;
+/** Screen px a shadow floats above its ground (no z-fighting with a raised terrain top). */
+export declare const SHADOW_LIFT_PX = 0.5;
+/** The foot of a stood-up shape: the middle of its (rotated) bottom edge, world units. */
+export declare const standFoot: typeof shapeView3dFoot;
+/** The point a shape is placed by: the foot for `stand`, the centre otherwise. World units. */
+export declare const shapeAnchor: typeof shapeView3dAnchor;
+/** `a` turned toward `b` by `t` (0…1) the short way round, degrees. Pure. */
+export declare function lerpAngle(a: number, b: number, t: number): number;
+export interface ShapePose {
+    mode: Shape3dMode;
+    /** The anchor on screen (layer px): the foot (`stand`) or the centre. */
+    x: number;
+    y: number;
+    /** Heading on the board (deg). `stand`: 0 = facing the near edge. */
+    face: number;
+    /** How far into 3D it is, 0 (flat on the board) … 1 (fully up). */
+    raise: number;
+    /** Height of the ground under the anchor, screen px (world height × zoom). */
+    lift: number;
+    /** `box` / `float`: how far above the ground the face is now, screen px
+     *  (height × raise × zoom). 0 for `stand`. */
+    rise: number;
+    zoom: number;
+    width: number;
+    height: number;
+}
+/**
+ * The pose of a 3D shape. At `amount` 0 it lies exactly where the flat board draws it
+ * (heading = its rotation on screen). As the view rises, a `stand` shape stands up and —
+ * when facing the camera — turns to face it, against the full camera `yaw` (the ground is
+ * spun by the yaw, so the plane turns back by it); a `box` / `float` face rises to its
+ * height.
+ */
+export declare function shapePose(shape: ShapeData, params: Shape3dParams, view: {
+    viewport: Viewport;
+    amount: number;
+    yaw: number;
+    groundHeight: number;
+}): ShapePose;
+/**
+ * The node of a 3D shape: a box of the shape's size on screen, placed so the anchor is
+ * its bottom-centre (`stand`, the pivot it folds up about) or its centre. The box must
+ * have its real size: Chrome drops a 3D-rotated element with an empty box even when its
+ * overflowing content isn't empty.
+ */
+export declare function poseBox(p: Pick<ShapePose, "x" | "y" | "width" | "height" | "zoom"> & {
+    mode?: Shape3dMode;
+}): {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+/** `transform-origin` of a stood-up shape's node: the foot. */
+export declare const STAND_ORIGIN = "50% 100%";
+/** `transform-origin` of a 3D shape's node (see {@link poseBox}). */
+export declare function poseOrigin(p: Pick<ShapePose, "mode">): string;
+/**
+ * CSS for a 3D shape's node: lift to the ground, turn to the heading, then fold up
+ * (`stand`) or rise (`float`). A `box` node is only lifted and turned: its top and walls
+ * are children ({@link boxTopTransform}, {@link boxWalls}). `undefined` when flat.
+ */
+export declare function poseTransform(p: ShapePose): string | undefined;
+/**
+ * Where a type's own `render3d` draws: the shape's node (as {@link poseBox} /
+ * {@link poseOrigin}) lifted to the ground and turned to the shape's own heading, plus
+ * how far to turn back to face the camera (scaled by the transition). The generic
+ * camera-facing turn isn't applied: `render3d` decides. Pure.
+ */
+export declare function render3dFrame(shape: ShapeData, params: Shape3dParams, view: {
+    viewport: Viewport;
+    amount: number;
+    yaw: number;
+    groundHeight: number;
+}): {
+    pose: ShapePose;
+    transform: string | undefined;
+    faceCamera: number;
+};
+/** CSS for a `box` shape's top (the shape's own drawing), relative to its node. */
+export declare function boxTopTransform(p: Pick<ShapePose, "rise">): string | undefined;
+export type BoxSide = "n" | "e" | "s" | "w";
+export interface BoxWall {
+    side: BoxSide;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    transformOrigin: string;
+    transform: string;
+}
+/**
+ * The four walls of a `box` shape, in its node's px frame: each a flat strip along one
+ * edge of the box, folded up about that edge (like the map's cliff walls) so it reaches
+ * from the ground to the top, its face outward. None while the box has no height. Pure.
+ */
+export declare function boxWalls(p: Pick<ShapePose, "rise" | "width" | "height" | "zoom">): BoxWall[];
+/**
+ * A `box` shape's wall colour: its fill (`style.fill`, else `color`) — the walls darken
+ * it with an overlay ({@link wallShade}) — or a neutral grey when it has none usable.
+ */
+export declare function wallColor(shape: ShapeData): string;
+/** The darkening overlay of a wall: east/west a touch darker, as the map's cliffs. */
+export declare function wallShade(side: BoxSide): string;
+/**
+ * CSS for a 3D shape's shadow, at its anchor on the ground: a soft ellipse along the
+ * heading — at the foot of a `stand` shape, under a `float` one. It grows in with the
+ * view (`raise`): the flat board has no shadows. `null` for a `box` (it sits on the
+ * ground).
+ */
+export declare function shadowStyle(p: ShapePose): {
+    transform: string;
+    width: number;
+    height: number;
+    opacity: number;
+} | null;
+/** How many 3D shapes are drawn, and how. */
+export interface Css3dShapeLimits {
+    /** Shapes smaller than this on screen (px, longer side) stay flat. */
+    minPx: number;
+    /** At most this many shapes are drawn in 3D — the nearest (lowest on screen) win. */
+    maxCount: number;
+    /** Shapes holding no 3D parameters still lie on the terrain's height where it is
+     *  raised (drawn here as a flat `float` of height 0), instead of on the board at 0.
+     *  Default `true`. */
+    groundFlat: boolean;
+}
+export declare const DEFAULT_CSS3D_SHAPE_LIMITS: Css3dShapeLimits;
+/** What a shape holding no 3D parameters is drawn as on raised ground: flat, at its height. */
+export declare const GROUND_FLAT_PARAMS: Shape3dParams;
+export interface Shape3dEntry {
+    shape: ShapeData;
+    params: Shape3dParams;
+}
+/**
+ * The shapes to draw in 3D now (in z-order). Only while the view is (partly) 3D, never
+ * in the global LOD mode, and only shapes whose anchor is on the drawn ground: the board
+ * box grown by the 3D view's overscan. A depth layer isn't clipped by the draw distance,
+ * so a shape farther out would stand in the sky past the ground's end. With
+ * `limits.groundFlat` and a `heightAt`, a shape holding no 3D parameters whose centre is
+ * on raised ground is drawn too, lying flat at that height ({@link GROUND_FLAT_PARAMS}).
+ * Pure.
+ */
+export declare function selectShapes3d(input: {
+    shapes: readonly ShapeData[];
+    types: Css3dShapeTypes;
+    viewport: Viewport;
+    viewportBounds: BoundingBox;
+    /** Screen px the 3D view shows past the board box (`bg-grid:set-overscan`). */
+    overscanPx: number;
+    renderMode: RenderMode;
+    amount: number;
+    limits: Css3dShapeLimits;
+    /** The terrain's height (world units) for `limits.groundFlat`; absent = no terrain. */
+    heightAt?: (x: number, y: number) => number;
+}): Shape3dEntry[];
+export {};
+//# sourceMappingURL=shapes-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shapes-layout.d.ts","sourceRoot":"","sources":["../src/shapes-layout.ts"],"names":[],"mappings":"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"}