@pixerate/editor 0.275.1 → 0.277.0

package/dist/{chunk-Y2ISSVPH.js → chunk-HHX7ST6Z.js}

@@ -8,7 +8,7 @@ import {
   listPresets,
   normalizeBrushSpec,
   resolveBrush
-} from "./chunk-ZM7IKQ4X.js";
+} from "./chunk-PPDUCZZV.js";
 import {
   editorStampOf,
   stampCoverage
@@ -74,17 +74,18 @@ import {
   normalizeTilt,
   normalizeWetParams,
   pigmentOf
-} from "./chunk-LMG57L5A.js";
+} from "./chunk-CTHWXW5M.js";
 import {
   BrushstrokeCache,
   brushstrokeDataUrl,
   brushstrokeSamples,
   isBrushstrokeBrush
-} from "./chunk-W6JDUXP3.js";
+} from "./chunk-J23JOHPR.js";
 import {
   CoverageMap,
   EMPTY_MIXER_LOAD,
   GRAIN_PATTERNS,
+  LivePatternField,
   PaintExchange,
   PaintGradientSampler,
   PaperGrain,
@@ -97,12 +98,14 @@ import {
   grainCatch,
   loadMixer,
   mixerRates,
+  moveLivePatternSnapshot,
+  normalizeLivePatterns,
   parsePaintSource,
   rasterizeDab,
   readPaintSource,
   resolvePaintGradient,
   scalePaintGradient
-} from "./chunk-ACTHSQOI.js";
+} from "./chunk-LDZOXESA.js";
 import {
   rand01,
   randSigned
@@ -3914,6 +3917,17 @@ var WetStrokeDriver = class {
         } else world.paint(laneId, rect, cov, this.medium.options.water * k, null);
         ex.drain();
         if (wet.rewet > 0) world.rewet(laneId, rect, cov, wet.rewet * k * 0.15, this.init.paperColor);
+        if (brush.livePatterns) {
+          world.seedLivePatterns(
+            laneId,
+            d.x,
+            d.y,
+            Math.max(2, d.radius),
+            this.init.seed + this.dabCount * 131 + copy * 997 | 0,
+            Math.max(0.65, d.pressure),
+            brush.livePatterns
+          );
+        }
         break;
       }
       case "water": {
@@ -3966,6 +3980,7 @@ var PaintWetLayers = class {
   world = null;
   tilt = { ...FLAT };
   settings = /* @__PURE__ */ new Map();
+  patterns = /* @__PURE__ */ new Map();
   paused = false;
   /** Wet strokes dry as soon as they end (one undo step with the stroke). */
   instantDry = false;
@@ -4072,6 +4087,14 @@ var PaintWetLayers = class {
   extend(width, height, left2, top, paper) {
     if (!this.canExtend(left2, top)) throw new Error("Wet paint only moves by whole 256 px tiles, between strokes.");
     for (const [id, s] of this.settings) if (s.flow.center) this.settings.set(id, { ...s, flow: { ...s.flow, center: { x: s.flow.center.x + left2, y: s.flow.center.y + top } } });
+    const tx0 = left2 / WET_TILE;
+    const ty0 = top / WET_TILE;
+    for (const [id, f] of this.patterns) {
+      const moved2 = moveLivePatternSnapshot(f.snapshot(), { width, height }, tx0, ty0);
+      const next = new LivePatternField(width, height);
+      next.restore(moved2);
+      this.patterns.set(id, next);
+    }
     const old = this.world;
     const snap = old?.laneIds().length ? old.snapshot() : null;
     this.dropWorld();
@@ -4088,6 +4111,7 @@ var PaintWetLayers = class {
     });
     this.world = this.makeWorld(width, height, paper);
     this.world.restore(moved);
+    for (const id of this.world.laneIds()) this.patterns.set(id, this.world.livePatternField(id));
   }
   /** Whether any layer (or `layerId`) has wet paint. */
   isWet(layerId) {
@@ -4111,18 +4135,32 @@ var PaintWetLayers = class {
   settingsOf(layerId, medium = "watercolor") {
     let s = this.settings.get(layerId);
     if (!s) {
-      s = { params: normalizeWetParams(WET_MEDIUM_PARAMS[medium], DEFAULT_WET_PARAMS), flow: { ...DEFAULT_FLOW } };
+      s = { params: normalizeWetParams(WET_MEDIUM_PARAMS[medium], DEFAULT_WET_PARAMS), flow: { ...DEFAULT_FLOW }, livePatterns: null };
       this.settings.set(layerId, s);
     }
     return s;
   }
+  patternFieldOf(layerId) {
+    const { width, height } = this.host.canvas();
+    let f = this.patterns.get(layerId);
+    if (!f) {
+      f = new LivePatternField(width, height);
+      const s = this.settings.get(layerId)?.livePatterns;
+      if (s) f.configure(s);
+      this.patterns.set(layerId, f);
+    } else if (f.width !== width || f.height !== height) {
+      f.resize(width, height);
+    }
+    return f;
+  }
   /** Puts a layer in the world (its current pixels become the base under the wet paint). */
   ensureLane(layerId, medium) {
     const w = this.ensureWorld();
+    const lp = this.patternFieldOf(layerId);
     if (!w.hasLane(layerId)) {
       const base = this.host.layerSurface(layerId) ?? new TiledSurface(4, /* @__PURE__ */ new Map(), 0);
       const s = this.settingsOf(layerId, medium);
-      w.ensureLane(layerId, { params: s.params, base, light: this.host.layerLight(layerId), ghost: s.ghost });
+      w.ensureLane(layerId, { params: s.params, base, light: this.host.layerLight(layerId), ghost: s.ghost, livePatterns: lp });
       const { width, height } = this.host.canvas();
       if (s.flow.kind !== "none") w.setFlow(layerId, flowField(s.flow, width, height), s.flow.strength);
     }
@@ -4143,6 +4181,65 @@ var PaintWetLayers = class {
     }
     return { ...s.flow };
   }
+  setLivePatterns(layerId, update) {
+    const s = this.settingsOf(layerId);
+    const f = this.patternFieldOf(layerId);
+    if (update === null) {
+      f.clear();
+      s.livePatterns = null;
+      if (this.world?.hasLane(layerId)) this.syncDisplays();
+      return null;
+    }
+    const next = this.world?.hasLane(layerId) ? this.world.setLivePatterns(layerId, update) : f.configure(update);
+    s.livePatterns = { ...next };
+    this.syncDisplays();
+    return { ...next };
+  }
+  seedLivePatterns(layerId, points, radius, seed = 1, settings) {
+    const s = this.settingsOf(layerId);
+    const f = this.patternFieldOf(layerId);
+    if (settings) {
+      const next = this.world?.hasLane(layerId) ? this.world.setLivePatterns(layerId, settings) : f.configure(settings);
+      s.livePatterns = { ...next };
+    } else if (!f.enabled) {
+      const next = this.world?.hasLane(layerId) ? this.world.setLivePatterns(layerId, s.livePatterns ?? {}) : f.configure(s.livePatterns ?? {});
+      s.livePatterns = { ...next };
+    }
+    let seededCells = 0;
+    const hasLane = Boolean(this.world?.hasLane(layerId));
+    for (let i = 0; i < points.length; i++) {
+      const p = points[i];
+      const str = p.strength ?? 1;
+      const ptSeed = seed + i * 7919 | 0;
+      if (hasLane) {
+        seededCells += this.world.seedLivePatterns(layerId, p.x, p.y, radius, ptSeed, str);
+      } else {
+        seededCells += f.seedDisc(p.x, p.y, radius, ptSeed, str);
+      }
+    }
+    this.syncDisplays();
+    return { seededCells, stats: this.livePatternStats(layerId) };
+  }
+  livePatternStats(layerId) {
+    const f = this.patterns.get(layerId);
+    if (f?.enabled) {
+      const s = this.settingsOf(layerId);
+      if (!s.livePatterns) s.livePatterns = { ...f.settings };
+    }
+    if (this.world?.hasLane(layerId)) return this.world.livePatternStats(layerId);
+    if (f) return f.stats(() => false);
+    const cfg = this.settings.get(layerId)?.livePatterns ?? null;
+    return {
+      enabled: Boolean(cfg),
+      settings: normalizeLivePatterns(cfg ?? {}),
+      activeTiles: 0,
+      patternCells: 0,
+      wetPatternCells: 0,
+      meanV: 0,
+      maxV: 0,
+      bounds: null
+    };
+  }
   setTilt(update) {
     this.tilt = normalizeTilt(update, this.tilt);
     this.world?.setTilt(this.tilt);
@@ -4155,6 +4252,8 @@ var PaintWetLayers = class {
   /** A layer as tools describe it. */
   info(layerId) {
     const s = this.settingsOf(layerId);
+    const f = this.patterns.get(layerId);
+    if (f?.enabled && !s.livePatterns) s.livePatterns = { ...f.settings };
     const st = this.world?.hasLane(layerId) ? this.world.stats(layerId) : null;
     const g = this.world?.hasLane(layerId) ? this.world.getGhost(layerId) : s.ghost ?? null;
     return {
@@ -4165,6 +4264,7 @@ var PaintWetLayers = class {
       activeTiles: st?.activeTiles ?? 0,
       params: { ...s.params },
       flow: { ...s.flow },
+      livePatterns: s.livePatterns ? { ...s.livePatterns } : null,
       ...g ? { ghost: { remaining: Math.round(g.remaining * FREE_INTERVAL / this.speed * 100) / 100 } } : {}
     };
   }
@@ -4174,10 +4274,13 @@ var PaintWetLayers = class {
   /** Shows the current wet pixels (at most `maxTiles` reshaded per layer). */
   syncDisplays(maxTiles = Infinity) {
     const w = this.world;
+    this.syncHeights();
     if (!w) return [];
     const surfaces = /* @__PURE__ */ new Map();
     const rects = [];
     for (const id of w.laneIds()) {
+      const f = this.patterns.get(id);
+      if (f?.enabled) this.settingsOf(id).livePatterns = { ...f.settings };
       const d = w.display(id, maxTiles);
       if (this.host.layerSurface(id) !== d.surface) surfaces.set(id, d.surface);
       rects.push(...d.changed);
@@ -4189,10 +4292,13 @@ var PaintWetLayers = class {
   /** Like `syncDisplays`, shading on the GPU when Engine B is active (all stale tiles at once). */
   async syncDisplaysGpu(maxCpuTiles, lead = false) {
     const w = this.world;
+    this.syncHeights();
     if (!w) return [];
     const surfaces = /* @__PURE__ */ new Map();
     const rects = [];
     for (const id of w.laneIds()) {
+      const f = this.patterns.get(id);
+      if (f?.enabled) this.settingsOf(id).livePatterns = { ...f.settings };
       const d = await w.displayGpu(id, maxCpuTiles, lead);
       if (!w.hasLane(id)) continue;
       if (this.host.layerSurface(id) !== d.surface) surfaces.set(id, d.surface);
@@ -4202,6 +4308,18 @@ var PaintWetLayers = class {
     if (surfaces.size) this.host.updateSurfaces(surfaces, rects);
     return rects;
   }
+  /** Updates thick height maps for any layers with live pattern relief (`relief > 0`). */
+  syncHeights() {
+    if (!this.host.layerHeight || !this.host.updateHeights) return;
+    const heights = /* @__PURE__ */ new Map();
+    for (const [id, f] of this.patterns) {
+      if (!f.enabled || !(f.settings.relief > 0) || f.tiles.size === 0) continue;
+      const cur = this.host.layerHeight(id) ?? new TiledSurface(1, /* @__PURE__ */ new Map(), 0);
+      const next = f.applyReliefHeight(cur);
+      if (next !== cur) heights.set(id, next);
+    }
+    if (heights.size) this.host.updateHeights(heights);
+  }
   /** Shows each wet layer's live light paint (the light under it with the wet light shaded in). */
   syncLights() {
     const w = this.world;
@@ -4376,18 +4494,57 @@ var PaintWetLayers = class {
   /** A snapshot of the world for undo (`null` when there is none). */
   snapshot() {
     const w = this.world;
-    if (!w || !w.laneIds().length) return null;
-    return w.snapshot();
+    const patterns = /* @__PURE__ */ new Map();
+    let patternBytes = 0;
+    for (const [id, f] of this.patterns) {
+      if (!f.enabled && f.tiles.size === 0) continue;
+      const ps = f.snapshot();
+      patterns.set(id, ps);
+      patternBytes += ps.bytes;
+    }
+    if (!w || !w.laneIds().length) {
+      if (!patterns.size) return null;
+      return {
+        clock: w?.clock ?? 0,
+        tilt: { ...this.tilt },
+        lanes: [],
+        slots: /* @__PURE__ */ new Map(),
+        patterns,
+        bytes: patternBytes
+      };
+    }
+    const snap = w.snapshot();
+    return patterns.size ? { ...snap, patterns } : snap;
   }
   /** Puts a snapshot back (`null`: no wet layers). Returns the layer surfaces it implies. */
   restore(snap) {
+    this.patterns.clear();
+    for (const [, s] of this.settings) s.livePatterns = null;
     if (!snap) {
       if (this.world) for (const id of this.world.laneIds()) this.world.removeLane(id);
       return;
     }
     const { width, height } = this.host.canvas();
     if (this.world && (this.world.width !== width || this.world.height !== height)) this.dropWorld();
-    this.ensureWorld().restore(snap);
+    if (snap.patterns) {
+      for (const [id, ps] of snap.patterns) {
+        const f = new LivePatternField(width, height);
+        f.restore(ps);
+        this.patterns.set(id, f);
+        this.settingsOf(id).livePatterns = f.enabled ? { ...f.settings } : null;
+      }
+    }
+    if (snap.lanes.length) {
+      const w = this.ensureWorld();
+      w.restore(snap);
+      for (const id of w.laneIds()) {
+        const f = w.livePatternField(id);
+        this.patterns.set(id, f);
+        this.settingsOf(id).livePatterns = f.enabled ? { ...f.settings } : null;
+      }
+    } else if (this.world) {
+      for (const id of this.world.laneIds()) this.world.removeLane(id);
+    }
     this.syncDisplays();
   }
   dropWorld() {
@@ -4401,6 +4558,7 @@ var PaintWetLayers = class {
     this.world = null;
     this.driver = null;
     this.settings.clear();
+    this.patterns.clear();
     this.lastTick = null;
     this.stepsOwed = 0;
   }