@glissade/scene 0.10.1-pre.0 → 0.10.1-pre.1

package/dist/index.js

@@ -1,5 +1,5 @@
 import { A as quantize, B as applyToPoint, C as validateSketch, D as breakLines, E as MEASURE_QUANTUM_PX, F as createDisplayListBuilder, H as invert, I as filtersToCanvasFilter, L as glow, M as segmentWords, N as setDefaultMeasurer, O as estimatingMeasurer, P as FilterValidationError, R as validateFilters, S as validateHachure, T as resolveAnchor, U as matEquals, V as fromTRS, W as multiply, _ as flatten, a as Circle, b as roughen, c as Path, d as Video, f as pathFromSegs, g as arcLength, h as SketchValidationError, i as setLayoutEngine, j as segmentGraphemes, k as fallbackMeasurer, l as Rect, m as roundedRectSegs, n as getLayoutEngine, o as Group, p as revealSchedule, r as requireLayoutEngine, s as ImageNode, t as LayoutEngineMissingError, u as Text, v as hachureLines, w as Node, x as sketchStrokes, y as resolveSketch, z as IDENTITY } from "./layoutEngine.js";
-import { bindTimeline, buildFontRegistry, compileTimeline, createPlayhead, emitDevWarning, evaluateAt, key, parseCmap, signal, stagger, track, validateFonts, vec2Signal } from "@glissade/core";
+import { bindTimeline, buildFontRegistry, compileTimeline, createPlayhead, emitDevWarning, evaluateAt, key, lerpColor, parseCmap, signal, stagger, track, validateFonts, vec2Signal } from "@glissade/core";
 //#region src/highlight.ts
 /**
 * Marker-style text highlight: per-line rounded rects behind a Text node's
@@ -958,6 +958,38 @@ var ShaderEffect = class extends Group {
 		};
 	}
 };
+const smoothstep = (u) => u * u * (3 - 2 * u);
+const GAUSS_K = 2.4;
+const GAUSS_NORM = 1 - Math.exp(-5.76 / 2);
+const gaussianEase = (u) => (1 - Math.exp(-((u * GAUSS_K) ** 2) / 2)) / GAUSS_NORM;
+/**
+* Densify `stops` into a `smooth`/`gaussian` oklab ramp. The output spans the
+* input's offset range with GRADIENT_RAMP_STEPS uniformly-spaced stops; each
+* point eases its blend within the authored segment it falls in. Returns the
+* input unchanged for `linear` (or a single stop) — the canvas-native path.
+*/
+function densifyStops(stops, mode) {
+	if (mode === "linear" || stops.length < 2) return stops;
+	const ease = mode === "gaussian" ? gaussianEase : smoothstep;
+	const o0 = stops[0].offset;
+	const span = stops[stops.length - 1].offset - o0;
+	if (span <= 0) return stops;
+	const out = [];
+	let seg = 0;
+	for (let i = 0; i < 64; i++) {
+		const offset = o0 + span * (i / 63);
+		while (seg < stops.length - 2 && offset > stops[seg + 1].offset) seg++;
+		const a = stops[seg];
+		const b = stops[seg + 1];
+		const w = b.offset - a.offset;
+		const u = w > 0 ? Math.min(1, Math.max(0, (offset - a.offset) / w)) : 0;
+		out.push({
+			offset,
+			color: lerpColor(a.color, b.color, ease(u))
+		});
+	}
+	return out;
+}
 //#endregion
 //#region src/raster2d.ts
 /**
@@ -982,7 +1014,8 @@ function resolveFill(ctx, paint, bounds) {
 		const ty = paint.to ? paint.to[1] : bounds ? bounds.maxY : 0;
 		g = ctx.createLinearGradient(fx, fy, tx, ty);
 	}
-	for (const s of paint.stops) g.addColorStop(s.offset, s.color);
+	const stops = paint.interpolation ? densifyStops(paint.stops, paint.interpolation) : paint.stops;
+	for (const s of stops) g.addColorStop(s.offset, s.color);
 	return g;
 }
 function fontString(font) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glissade/scene",
-  "version": "0.10.1-pre.0",
+  "version": "0.10.1-pre.1",
   "description": "glissade scene graph: nodes, transforms, DisplayList emission. Renderer-agnostic; zero DOM/Node dependencies.",
   "license": "Apache-2.0",
   "type": "module",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "yoga-layout": "^3.2.1",
-    "@glissade/core": "0.10.1-pre.0"
+    "@glissade/core": "0.10.1-pre.1"
   },
   "repository": {
     "type": "git",