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

package/dist/shapes-layout.js

@@ -0,0 +1,277 @@
+// Where and how each 3D shape is placed in the renderer's 3D shape layer — pure, React-free.
+// (Moved here from the shape-3d plugin, which re-exports it until the next major.)
+//
+// The layer is a fixed (screen-space) depth layer: the Mode 7 runtime tilts its wrapper
+// into the ground plane and keeps `preserve-3d` through it, so `translateZ` lifts out of
+// the ground (as the map's cliffs and the character do). A shape is placed at its anchor
+// on screen (`worldToScreen`): a stood-up shape is its own drawing folded up about its
+// bottom edge (`rotateX(-90deg)`), like a cliff wall; a floating one is lifted flat; a
+// box is lifted as a top with four walls folded down from it.
+import { resolveShapeView3d, safeRotation, shapeTypeModes, shapeView3dAnchor, shapeView3dFoot, viewportRotation, worldToScreen, wrapDeg, } from "@edv4h/usketch-shared";
+/** Screen px a shadow floats above its ground (no z-fighting with a raised terrain top). */
+export const SHADOW_LIFT_PX = 0.5;
+/** The foot of a stood-up shape: the middle of its (rotated) bottom edge, world units. */
+export const standFoot = shapeView3dFoot;
+/** The point a shape is placed by: the foot for `stand`, the centre otherwise. World units. */
+export const shapeAnchor = shapeView3dAnchor;
+/** `a` turned toward `b` by `t` (0…1) the short way round, degrees. Pure. */
+export function lerpAngle(a, b, t) {
+    return a + wrapDeg(b - a) * t;
+}
+/**
+ * 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 function shapePose(shape, params, view) {
+    const anchor = shapeAnchor(shape, params.mode);
+    const at = worldToScreen(anchor.x, anchor.y, view.viewport);
+    const zoom = view.viewport.zoom;
+    const flat = safeRotation(shape.rotation) + viewportRotation(view.viewport);
+    const amount = clamp01(view.amount);
+    const stand = params.mode === "stand";
+    const face = stand && params.facing === "camera" ? lerpAngle(flat, -view.yaw, amount) : flat;
+    return {
+        mode: params.mode,
+        x: at.x,
+        y: at.y,
+        face: round(face),
+        raise: amount,
+        lift: params.ground ? Math.max(0, view.groundHeight) * zoom : 0,
+        rise: stand ? 0 : round(Math.max(0, params.height) * amount * zoom),
+        zoom,
+        width: shape.width,
+        height: shape.height,
+    };
+}
+/**
+ * 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 function poseBox(p) {
+    const w = p.width * p.zoom;
+    const h = p.height * p.zoom;
+    const top = !p.mode || p.mode === "stand" ? p.y - h : p.y - h / 2;
+    return { left: round(p.x - w / 2), top: round(top), width: round(w), height: round(h) };
+}
+/** `transform-origin` of a stood-up shape's node: the foot. */
+export const STAND_ORIGIN = "50% 100%";
+/** `transform-origin` of a 3D shape's node (see {@link poseBox}). */
+export function poseOrigin(p) {
+    return p.mode === "stand" ? STAND_ORIGIN : "50% 50%";
+}
+/**
+ * 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 function poseTransform(p) {
+    const parts = [];
+    const z = p.lift + (p.mode === "float" ? p.rise : 0);
+    if (z > 0)
+        parts.push(`translateZ(${round(z)}px)`);
+    if (p.face !== 0)
+        parts.push(`rotateZ(${round(p.face)}deg)`);
+    if (p.mode === "stand" && p.raise > 0)
+        parts.push(`rotateX(${round(-90 * p.raise)}deg)`);
+    return parts.length > 0 ? parts.join(" ") : 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 function render3dFrame(shape, params, view) {
+    const pose = shapePose(shape, { ...params, facing: "fixed" }, view);
+    const parts = [];
+    if (pose.lift > 0)
+        parts.push(`translateZ(${round(pose.lift)}px)`);
+    if (pose.face !== 0)
+        parts.push(`rotateZ(${round(pose.face)}deg)`);
+    return {
+        pose,
+        transform: parts.length > 0 ? parts.join(" ") : undefined,
+        faceCamera: round(wrapDeg(-view.yaw - pose.face) * pose.raise),
+    };
+}
+/** CSS for a `box` shape's top (the shape's own drawing), relative to its node. */
+export function boxTopTransform(p) {
+    return p.rise > 0 ? `translateZ(${round(p.rise)}px)` : undefined;
+}
+/**
+ * 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 function boxWalls(p) {
+    const h = round(p.rise);
+    if (!(h > 0))
+        return [];
+    const w = round(p.width * p.zoom);
+    const d = round(p.height * p.zoom);
+    return [
+        {
+            side: "n",
+            left: 0,
+            top: 0,
+            width: w,
+            height: h,
+            transformOrigin: "50% 0%",
+            transform: "rotateX(90deg)",
+        },
+        {
+            side: "e",
+            left: round(w - h),
+            top: 0,
+            width: h,
+            height: d,
+            transformOrigin: "100% 50%",
+            transform: "rotateY(90deg)",
+        },
+        {
+            side: "s",
+            left: 0,
+            top: round(d - h),
+            width: w,
+            height: h,
+            transformOrigin: "50% 100%",
+            transform: "rotateX(-90deg)",
+        },
+        {
+            side: "w",
+            left: 0,
+            top: 0,
+            width: h,
+            height: d,
+            transformOrigin: "0% 50%",
+            transform: "rotateY(-90deg)",
+        },
+    ];
+}
+/**
+ * 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 function wallColor(shape) {
+    const color = shape.color;
+    const fill = shape.style?.fill ?? (typeof color === "string" ? color : undefined);
+    if (typeof fill !== "string")
+        return "#9e9e9e";
+    const f = fill.trim().toLowerCase();
+    if (f === "" || f === "none" || f === "transparent")
+        return "#9e9e9e";
+    return fill;
+}
+/** The darkening overlay of a wall: east/west a touch darker, as the map's cliffs. */
+export function wallShade(side) {
+    return `inset 0 0 0 9999px rgba(0,0,0,${side === "e" || side === "w" ? 0.35 : 0.22})`;
+}
+/**
+ * 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 function shadowStyle(p) {
+    if (p.mode === "box")
+        return null;
+    const float = p.mode === "float";
+    const width = Math.max(4, p.width * p.zoom * 0.9);
+    const height = float
+        ? Math.max(2, p.height * p.zoom * 0.9)
+        : Math.max(2, Math.min(p.width, p.height) * p.zoom * 0.3);
+    return {
+        transform: `translateZ(${round(p.lift + SHADOW_LIFT_PX)}px) rotateZ(${round(p.face)}deg) translate(-50%, -50%)`,
+        width: round(width),
+        height: round(height),
+        opacity: round(p.raise * (float ? 0.7 : 1)),
+    };
+}
+export const DEFAULT_CSS3D_SHAPE_LIMITS = {
+    minPx: 8,
+    maxCount: 200,
+    groundFlat: true,
+};
+/** What a shape holding no 3D parameters is drawn as on raised ground: flat, at its height. */
+export const GROUND_FLAT_PARAMS = {
+    mode: "float",
+    height: 0,
+    facing: "camera",
+    ground: true,
+    shadow: false,
+    collision: "none",
+};
+/**
+ * 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 function selectShapes3d(input) {
+    if (!(input.amount > 0) || input.renderMode === "lod")
+        return [];
+    const zoom = input.viewport.zoom;
+    if (!(zoom > 0))
+        return [];
+    const pad = input.overscanPx > 0 ? input.overscanPx / zoom : 0;
+    const b = input.viewportBounds;
+    const x0 = b.x - pad;
+    const y0 = b.y - pad;
+    const x1 = b.x + b.width + pad;
+    const y1 = b.y + b.height + pad;
+    const found = [];
+    for (const shape of input.shapes) {
+        if (!shape || typeof shape.id !== "string")
+            continue;
+        // Size and place first: they need no terrain, so a shape too small or off screen never
+        // samples `heightAt` (on a wide board that thrashes the terrain's chunk cache every frame).
+        if (Math.max(shape.width, shape.height) * zoom < input.limits.minPx)
+            continue;
+        const own = resolveShapeView3d(shape, input.types[shape.type]);
+        const at = shapeAnchor(shape, own?.mode ?? GROUND_FLAT_PARAMS.mode);
+        if (at.x < x0 || at.x > x1 || at.y < y0 || at.y > y1)
+            continue;
+        const params = own ?? groundFlatParams(shape, input);
+        if (!params)
+            continue;
+        found.push({ shape, params, screenY: worldToScreen(at.x, at.y, input.viewport).y });
+    }
+    const max = Math.max(0, Math.floor(input.limits.maxCount));
+    if (found.length > max) {
+        const keep = new Set([...found]
+            .sort((a, b) => b.screenY - a.screenY)
+            .slice(0, max)
+            .map((e) => e.shape.id));
+        return found
+            .filter((e) => keep.has(e.shape.id))
+            .map(({ shape, params }) => ({ shape, params }));
+    }
+    return found.map(({ shape, params }) => ({ shape, params }));
+}
+/** {@link GROUND_FLAT_PARAMS} for a parameterless shape on raised ground, else `null`. */
+function groundFlatParams(shape, input) {
+    if (!input.limits.groundFlat || !input.heightAt)
+        return null;
+    if (!shapeTypeModes(input.types[shape.type]).includes("float"))
+        return null;
+    const at = shapeAnchor(shape, "float");
+    const h = input.heightAt(at.x, at.y);
+    return Number.isFinite(h) && h > 0 ? GROUND_FLAT_PARAMS : null;
+}
+function clamp01(n) {
+    if (!Number.isFinite(n))
+        return 0;
+    return Math.min(1, Math.max(0, n));
+}
+function round(n) {
+    return Math.round(n * 1000) / 1000;
+}
+//# sourceMappingURL=shapes-layout.js.map

package/dist/shapes-layout.js.map

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

package/package.json

@@ -1,6 +1,53 @@
 {
   "name": "@edv4h/usketch-css3d-renderer",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@edv4h/usketch-dom-renderer": "2.4.0",
+    "@edv4h/usketch-shared": "4.25.0"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "devDependencies": {
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "jsdom": "31.0.0",
+    "react-dom": "19.3.1",
+    "typescript": "7.0.2",
+    "vitest": "5.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdV4H/usketch.git",
+    "directory": "packages/css3d-renderer"
+  },
+  "homepage": "https://github.com/EdV4H/usketch#readme",
+  "bugs": {
+    "url": "https://github.com/EdV4H/usketch/issues"
+  },
+  "description": "CSS 3D renderer for the board 3D view: tilts the layers into a ground plane and stands 3D shapes up out of it with CSS transforms",
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "clean": "rm -rf dist"
+  }
 }