@jgengine/shell 0.19.0 → 0.22.0

package/dist/visibility/CullingProvider.js

@@ -3,7 +3,7 @@ import { createContext, useContext, useMemo, useRef } from "react";
 import { useThree, useFrame } from "@react-three/fiber";
 import * as THREE from "three";
 import { useGameContext } from "@jgengine/react/provider";
-import { createVisibilitySystem } from "@jgengine/core/visibility/visibilitySystem";
+import { buildCullingDriver } from "./cullingDriver.js";
 import { CAMERA_POST_FRAME_PRIORITY } from "../camera/cameraRigs.js";
 const ALWAYS_VISIBLE = () => true;
 const alwaysVisibleRef = { current: ALWAYS_VISIBLE };
@@ -16,66 +16,6 @@ const CullingContext = createContext(null);
 export function useRenderVisibility() {
     return useContext(CullingContext) ?? alwaysVisibleRef;
 }
-const ENTITY_BOUNDS = { kind: "sphere", radius: 2, offset: [0, 1, 0] };
-function objectRadius(scale) {
-    if (scale === undefined)
-        return 1;
-    const s = typeof scale === "number" ? scale : Math.max(scale[0], scale[1], scale[2]);
-    return Math.max(0.75, s);
-}
-function buildSystem(ctx, config) {
-    const versions = new Map();
-    let currentView = null;
-    const scratch = { id: "", position: [0, 0, 0], version: 0 };
-    const objectSpec = { kind: "sphere", radius: 1, offset: [0, 0.5, 0] };
-    function bump(id, position, rot) {
-        const prev = versions.get(id);
-        if (prev !== undefined && prev.x === position[0] && prev.y === position[1] && prev.z === position[2] && prev.rot === rot) {
-            return prev.version;
-        }
-        const version = (prev?.version ?? 0) + 1;
-        versions.set(id, { x: position[0], y: position[1], z: position[2], rot, version });
-        return version;
-    }
-    function* renderables() {
-        const entityOverrides = config?.entities;
-        for (const entity of ctx.scene.entity.list()) {
-            scratch.id = entity.id;
-            scratch.position = entity.position;
-            scratch.version = bump(entity.id, entity.position, entity.rotationY);
-            scratch.bounds = ENTITY_BOUNDS;
-            scratch.overrides = entityOverrides?.[entity.name];
-            scratch.layer = "entity";
-            yield scratch;
-        }
-        const objectOverrides = config?.objects;
-        for (const object of ctx.scene.object.list()) {
-            scratch.id = object.instanceId;
-            scratch.position = object.position;
-            scratch.version = bump(object.instanceId, object.position, object.rotationY);
-            objectSpec.radius = objectRadius(object.visual?.scale);
-            scratch.bounds = objectSpec;
-            scratch.overrides = objectOverrides?.[object.catalogId];
-            scratch.layer = "object";
-            yield scratch;
-        }
-    }
-    const cameras = () => (currentView === null ? EMPTY_CAMERAS : [{ id: "main", view: currentView }]);
-    const options = {
-        renderables,
-        cameras,
-        ...(config?.culling !== undefined ? { settings: config.culling } : {}),
-        ...(config?.scene !== undefined ? { sceneOverrides: config.scene } : {}),
-    };
-    const system = createVisibilitySystem(options);
-    return {
-        system,
-        setView(view) {
-            currentView = view;
-        },
-    };
-}
-const EMPTY_CAMERAS = [];
 const tmpDir = new THREE.Vector3();
 function viewFromCamera(camera) {
     camera.getWorldDirection(tmpDir);
@@ -120,7 +60,7 @@ export function CullingProvider({ config, drawDistance, children }) {
             return config;
         return { ...config, culling: { ...config?.culling, defaultMaxRenderDistance: config?.culling?.defaultMaxRenderDistance ?? drawDistance } };
     }, [config, drawDistance]);
-    const driver = useMemo(() => (enabled ? buildSystem(ctx, resolvedConfig) : null), [ctx, resolvedConfig, enabled]);
+    const driver = useMemo(() => (enabled ? buildCullingDriver(ctx, resolvedConfig) : null), [ctx, resolvedConfig, enabled]);
     useFrame(() => {
         if (driver === null) {
             predicateRef.current = ALWAYS_VISIBLE;

package/dist/visibility/cullingDriver.d.ts

@@ -0,0 +1,9 @@
+import type { GameContext } from "@jgengine/core/runtime/gameContext";
+import type { CameraView } from "@jgengine/core/visibility/frustum";
+import type { VisibilityConfig } from "@jgengine/core/visibility/config";
+/** Builds the shell's live scene adapter for headless visibility. @internal */
+export declare function buildCullingDriver(ctx: GameContext, config: VisibilityConfig | undefined): {
+    system: import("@jgengine/core/visibility/visibilitySystem").VisibilitySystem;
+    setView(view: CameraView | null): void;
+    trackedCount(): number;
+};

package/dist/visibility/cullingDriver.js

@@ -0,0 +1,68 @@
+import { createVisibilitySystem } from "@jgengine/core/visibility/visibilitySystem";
+const ENTITY_BOUNDS = { kind: "sphere", radius: 2, offset: [0, 1, 0] };
+const EMPTY_CAMERAS = [];
+function objectRadius(scale) {
+    if (scale === undefined)
+        return 1;
+    const size = typeof scale === "number" ? Math.abs(scale) : Math.max(Math.abs(scale[0]), Math.abs(scale[1]), Math.abs(scale[2]));
+    return Math.max(0.75, size);
+}
+/** Builds the shell's live scene adapter for headless visibility. @internal */
+export function buildCullingDriver(ctx, config) {
+    const entries = new Map();
+    let frame = 0;
+    let currentView = null;
+    function update(id, position, rotation, radius, overrides, layer) {
+        let entry = entries.get(id);
+        if (entry === undefined) {
+            entry = { renderable: { id, position, version: 0 }, bounds: { kind: "sphere", radius, offset: [0, 0.5, 0] }, x: NaN, y: NaN, z: NaN, rotation: NaN, radius: NaN, seen: frame };
+            entries.set(id, entry);
+        }
+        const previous = entry.renderable;
+        const changed = entry.x !== position[0] || entry.y !== position[1] || entry.z !== position[2] || entry.rotation !== rotation || entry.radius !== radius || previous.overrides !== overrides || previous.layer !== layer;
+        if (changed) {
+            // A retained renderable must belong to one row: the core may keep it for always-visible processing.
+            entry.bounds.radius = radius;
+            previous.position = position;
+            previous.version += 1;
+            previous.bounds = layer === "entity" ? ENTITY_BOUNDS : entry.bounds;
+            previous.overrides = overrides;
+            previous.layer = layer;
+            entry.x = position[0];
+            entry.y = position[1];
+            entry.z = position[2];
+            entry.rotation = rotation;
+            entry.radius = radius;
+        }
+        entry.seen = frame;
+        return entry.renderable;
+    }
+    function* renderables() {
+        frame += 1;
+        for (const entity of ctx.scene.entity.list()) {
+            yield update(entity.id, entity.position, entity.rotationY, 2, config?.entities?.[entity.name], "entity");
+        }
+        for (const object of ctx.scene.object.list()) {
+            yield update(object.instanceId, object.position, object.rotationY, objectRadius(object.visual?.scale), config?.objects?.[object.catalogId], "object");
+        }
+        for (const [id, entry] of entries) {
+            if (entry.seen !== frame)
+                entries.delete(id);
+        }
+    }
+    const system = createVisibilitySystem({
+        renderables,
+        cameras: () => currentView === null ? EMPTY_CAMERAS : [{ id: "main", view: currentView }],
+        ...(config?.culling !== undefined ? { settings: config.culling } : {}),
+        ...(config?.scene !== undefined ? { sceneOverrides: config.scene } : {}),
+    });
+    return {
+        system,
+        setView(view) {
+            currentView = view;
+        },
+        trackedCount() {
+            return entries.size;
+        },
+    };
+}

package/dist/weather/AuthoredWeatherLayer.d.ts

@@ -0,0 +1,16 @@
+import type { EditorDocument } from "@jgengine/core/editor/types";
+import { type WeatherLayerProps } from "./WeatherLayer.js";
+/** Authored weather document and optional precipitation appearance and ground sampling. */
+export interface AuthoredWeatherLayerProps {
+    document: EditorDocument;
+    rain?: WeatherLayerProps["rain"];
+    snow?: WeatherLayerProps["snow"];
+    dust?: WeatherLayerProps["dust"];
+    heightAt?: (x: number, z: number) => number;
+    /** Register actual procedural weather pool and impact query counters. */
+    diagnostics?: boolean;
+}
+/** Render pooled precipitation from the same authored document and clock as gameplay.
+ * @capability authored-weather-rendering Render authored weather from shared gameplay samples, simulation time and shelter volumes.
+ */
+export declare function AuthoredWeatherLayer({ document, rain, snow, dust, heightAt, diagnostics }: AuthoredWeatherLayerProps): import("react").JSX.Element | null;

package/dist/weather/AuthoredWeatherLayer.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useGameContext } from "@jgengine/react/provider";
+import { devtools } from "@jgengine/core/devtools/devtools";
+import { warnOnce } from "@jgengine/core/devtools/warnOnce";
+import { WEATHER_SHELTER_BUDGET } from "./weatherShelter.js";
+import { WeatherLayer } from "./WeatherLayer.js";
+/** Render pooled precipitation from the same authored document and clock as gameplay.
+ * @capability authored-weather-rendering Render authored weather from shared gameplay samples, simulation time and shelter volumes.
+ */
+export function AuthoredWeatherLayer({ document, rain, snow, dust, heightAt, diagnostics = false }) {
+    const ctx = useGameContext();
+    const config = document.simulation?.weather;
+    const metrics = useRef({ rain: { count: 0, capacity: 0 }, snow: { count: 0, capacity: 0 }, dust: { count: 0, capacity: 0 }, impacts: { count: 0, capacity: 0, heightQueries: 0, exposureQueries: 0, queryBudget: 0 } });
+    const mounted = config !== undefined;
+    useEffect(() => {
+        if (!diagnostics || !mounted)
+            return;
+        return devtools.probes.register("weatherParticles", () => ({ scope: "procedural-weather", ...structuredClone(metrics.current) }));
+    }, [diagnostics, mounted]);
+    const shelters = useMemo(() => document.volumes.filter((volume) => volume.kind === "shelter"), [document.volumes]);
+    useEffect(() => {
+        if (shelters.length > WEATHER_SHELTER_BUDGET)
+            warnOnce("weather-shelter-budget", `[jgengine] Weather renders the closest ${WEATHER_SHELTER_BUDGET} of ${shelters.length} shelters; gameplay uses all authored shelters.`);
+    }, [shelters.length]);
+    const sample = useCallback((x, z) => ctx.environment.sample(x, z), [ctx.environment]);
+    const exposureAt = useCallback((x, y, z) => ctx.environment.exposureAt(x, y, z), [ctx.environment]);
+    if (config === undefined)
+        return null;
+    return _jsx(WeatherLayer, { sample: sample, metrics: diagnostics ? metrics.current : undefined, shelters: shelters, rain: rain, snow: snow, dust: dust, impacts: heightAt === undefined ? false : { heightAt, exposureAt } });
+}

package/dist/weather/DustField.d.ts

@@ -26,6 +26,7 @@ export interface DustFieldProps {
      */
     groundBias?: number;
     timeScale?: number;
+    timeSeconds?: number | (() => number);
     seed?: number;
     renderOrder?: number;
     frustumCulled?: boolean;
@@ -38,4 +39,4 @@ export interface DustFieldProps {
  *
  * @capability weather-dust airborne particulate that turns still air into visible wind
  */
-export declare function DustField({ count, density, budget, volume, wind, origin, followCamera, speed, size, sway, opacity, color, groundBias, timeScale, seed, renderOrder, frustumCulled, }: DustFieldProps): import("react").JSX.Element;
+export declare function DustField({ count, density, budget, volume, wind, origin, followCamera, speed, size, sway, opacity, color, groundBias, timeScale, timeSeconds, seed, renderOrder, frustumCulled, }: DustFieldProps): import("react").JSX.Element;

package/dist/weather/DustField.js

@@ -4,6 +4,7 @@ import * as THREE from "three";
 import { useDisposable } from "../render/useDisposable.js";
 import { createWeatherQuadGeometry } from "./weatherGeometry.js";
 import { DEFAULT_DUST_COUNT, DEFAULT_DUST_DENSITY, resolveWeatherInstanceCount } from "./weatherMath.js";
+import { WEATHER_SHELTER_SHADER } from "./weatherShelter.js";
 import { useWeatherUniformSet } from "./weatherUniforms.js";
 const DEFAULT_VOLUME = [70, 22, 70];
 const DEFAULT_ORIGIN = [0, 0, 0];
@@ -16,13 +17,16 @@ const DEFAULT_DUST_COLOR = "#c8a878";
  *
  * @capability weather-dust airborne particulate that turns still air into visible wind
  */
-export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_DENSITY, budget, volume = DEFAULT_VOLUME, wind, origin = DEFAULT_ORIGIN, followCamera = true, speed = 2.4, size = 0.16, sway = 0.5, opacity = 0.3, color = DEFAULT_DUST_COLOR, groundBias = 0.65, timeScale, seed = 51407, renderOrder = 10, frustumCulled, }) {
+export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_DENSITY, budget, volume = DEFAULT_VOLUME, wind, origin = DEFAULT_ORIGIN, followCamera = true, speed = 2.4, size = 0.16, sway = 0.5, opacity = 0.3, color = DEFAULT_DUST_COLOR, groundBias = 0.65, timeScale, timeSeconds, seed = 51407, renderOrder = 10, frustumCulled, }) {
     const { camera } = useThree();
-    const shared = useWeatherUniformSet({ wind, timeScale });
+    const shared = useWeatherUniformSet({ wind, timeScale, timeSeconds });
     const geometry = useDisposable(() => createWeatherQuadGeometry(count, seed), [count, seed]);
     const material = useDisposable(() => {
         const uniforms = {
             uTime: shared.time,
+            uShelterCenters: shared.shelterCenters,
+            uShelterShapes: shared.shelterShapes,
+            uShelterCount: shared.shelterCount,
             uWind: shared.wind,
             uAnchor: { value: new THREE.Vector3() },
             uVolume: { value: new THREE.Vector3() },
@@ -39,6 +43,7 @@ export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_D
             depthWrite: false,
             blending: THREE.NormalBlending,
             vertexShader: `
+        ${WEATHER_SHELTER_SHADER}
         uniform float uTime;
         uniform vec3 uWind;
         uniform vec3 uAnchor;
@@ -51,6 +56,7 @@ export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_D
         attribute vec3 aSpawn;
         attribute float aDrift;
 
+        varying float vExposure;
         varying vec2 vUv;
         varying float vDrift;
         varying float vFade;
@@ -76,6 +82,7 @@ export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_D
           vec3 travel = normalize(vec3(uWind.x, 0.0, uWind.z) + vec3(0.0001, 0.0, 0.0)) * carry;
           vec3 local = spawn * uVolume + (uWind + travel) * uTime + bob;
           vec3 worldCenter = mod(local - origin, uVolume) + origin;
+          vExposure = weatherExposure(worldCenter);
 
           // Fade at the top of the volume so recycled motes do not pop into view against the sky.
           float height = (worldCenter.y - origin.y) / max(uVolume.y, 0.001);
@@ -93,6 +100,7 @@ export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_D
         uniform float uOpacity;
         uniform vec3 uColor;
 
+        varying float vExposure;
         varying vec2 vUv;
         varying float vDrift;
         varying float vFade;
@@ -102,6 +110,7 @@ export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_D
           // No hard core: dust is diffuse, and a bright centre reads as snow.
           float puff = smoothstep(1.0, 0.05, distanceFromCenter);
           float alpha = puff * puff * uOpacity * (0.35 + 0.65 * vDrift) * vFade;
+          alpha *= vExposure;
           if (alpha < 0.001) discard;
           gl_FragColor = vec4(uColor, alpha);
         }
@@ -123,7 +132,12 @@ export function DustField({ count = DEFAULT_DUST_COUNT, density = DEFAULT_DUST_D
         uniforms.uOpacity.value = opacity;
         uniforms.uGroundBias.value = groundBias;
         uniforms.uColor.value.set(color);
-        geometry.instanceCount = resolveWeatherInstanceCount(count, density, budget);
+        geometry.instanceCount = resolveWeatherInstanceCount(count, density * shared.dust.value, budget);
+        const metrics = shared.metrics?.dust;
+        if (metrics !== undefined) {
+            metrics.count = geometry.instanceCount;
+            metrics.capacity = geometry.getAttribute("aSpawn").count;
+        }
     });
     return (_jsx("mesh", { geometry: geometry, material: material, frustumCulled: frustumCulled ?? !followCamera, renderOrder: renderOrder }));
 }

package/dist/weather/FireSpreadLayer.d.ts

@@ -2,7 +2,7 @@ import * as THREE from "three";
 import type { FireGrid } from "@jgengine/core/world/weather";
 export interface FireSpreadLayerProps {
     grid: FireGrid;
-    cellSize: number;
+    cellSize?: number;
     origin?: readonly [number, number];
     /** Sample ground height so flames sit on terrain; defaults to y=0. */
     heightAt?: (x: number, z: number) => number;
@@ -10,5 +10,7 @@ export interface FireSpreadLayerProps {
     flameHeight?: number;
     burningColor?: THREE.ColorRepresentation;
     emberColor?: THREE.ColorRepresentation;
+    /** Absolute authoritative simulation clock; use for pause and snapshot restore. */
+    timeSeconds?: () => number;
 }
-export declare function FireSpreadLayer({ grid, cellSize, origin, heightAt, flameHeight, burningColor, emberColor, }: FireSpreadLayerProps): import("react").JSX.Element;
+export declare function FireSpreadLayer({ grid, cellSize, origin, heightAt, flameHeight, burningColor, emberColor, timeSeconds, }: FireSpreadLayerProps): import("react").JSX.Element;

package/dist/weather/FireSpreadLayer.js

@@ -3,8 +3,7 @@ import { useEffect, useMemo, useRef } from "react";
 import { useFrame } from "@react-three/fiber";
 import * as THREE from "three";
 import { setBillboardQuaternion } from "./fireSpreadPose.js";
-const HIDDEN = new THREE.Matrix4().makeScale(0, 0, 0);
-export function FireSpreadLayer({ grid, cellSize, origin = [0, 0], heightAt, flameHeight = 1.6, burningColor = "#ff6a1a", emberColor = "#4a1206", }) {
+export function FireSpreadLayer({ grid, cellSize = grid.cellSize, origin = grid.origin, heightAt, flameHeight = 1.6, burningColor = "#ff6a1a", emberColor = "#4a1206", timeSeconds, }) {
     const flames = useRef(null);
     const scorch = useRef(null);
     const capacity = grid.cols * grid.rows;
@@ -33,13 +32,12 @@ export function FireSpreadLayer({ grid, cellSize, origin = [0, 0], heightAt, fla
         const scorchMesh = scorch.current;
         if (flameMesh === null || scorchMesh === null)
             return;
-        const cells = grid.snapshot();
-        const flicker = 0.85 + 0.15 * Math.sin(state.clock.elapsedTime * 12);
+        const flicker = 0.85 + 0.15 * Math.sin((timeSeconds?.() ?? state.clock.elapsedTime) * 12);
         let flameIndex = 0;
         let scorchIndex = 0;
         for (let row = 0; row < grid.rows; row += 1) {
             for (let col = 0; col < grid.cols; col += 1) {
-                const cell = cells[row * grid.cols + col];
+                const cell = grid.cell(col, row);
                 const x = origin[0] + col * cellSize;
                 const z = origin[1] + row * cellSize;
                 const groundY = heightAt?.(x, z) ?? 0;
@@ -60,12 +58,8 @@ export function FireSpreadLayer({ grid, cellSize, origin = [0, 0], heightAt, fla
                 }
             }
         }
-        for (let i = flameIndex; i < capacity; i += 1)
-            flameMesh.setMatrixAt(i, HIDDEN);
-        for (let i = scorchIndex; i < capacity; i += 1)
-            scorchMesh.setMatrixAt(i, HIDDEN);
-        flameMesh.count = capacity;
-        scorchMesh.count = capacity;
+        flameMesh.count = flameIndex;
+        scorchMesh.count = scorchIndex;
         flameMesh.instanceMatrix.needsUpdate = true;
         scorchMesh.instanceMatrix.needsUpdate = true;
     });

package/dist/weather/LightningStrike.d.ts

@@ -13,5 +13,8 @@ export interface LightningStrikeProps {
     jaggedness?: number;
     impactLight?: number;
     renderOrder?: number;
+    /** Supply both fields to replay the strike from authoritative simulation state. */
+    timeSeconds?: () => number;
+    startedAt?: number;
 }
-export declare function LightningStrike({ origin, target, strikeKey, seed, visible, duration, color, glow, branches, jaggedness, impactLight, renderOrder, }: LightningStrikeProps): import("react").JSX.Element;
+export declare function LightningStrike({ origin, target, strikeKey, seed, visible, duration, color, glow, branches, jaggedness, impactLight, renderOrder, timeSeconds, startedAt, }: LightningStrikeProps): import("react").JSX.Element;

package/dist/weather/LightningStrike.js

@@ -3,6 +3,7 @@ import { useEffect, useMemo, useRef } from "react";
 import { useFrame } from "@react-three/fiber";
 import * as THREE from "three";
 import { useDisposable } from "../render/useDisposable.js";
+import { lightningStrikeEnvelope } from "./weatherMath.js";
 const DEFAULT_COLOR = "#bdd4ff";
 function createRandom(seed) {
     let state = seed >>> 0;
@@ -47,7 +48,7 @@ function createLightningSegments(origin, target, seed, branches, jaggedness) {
     for (let index = 0; index < points.length - 1; index += 1) {
         segments.push({ from: points[index], to: points[index + 1] });
     }
-    const branchCount = Math.max(0, Math.floor(branches));
+    const branchCount = Math.max(0, Math.min(64, Math.floor(branches)));
     for (let index = 0; index < branchCount; index += 1) {
         const sourceIndex = 2 + Math.floor(random() * Math.max(1, points.length - 5));
         const source = points[sourceIndex];
@@ -78,8 +79,9 @@ function writeLightningGeometry(geometry, segments) {
     geometry.setAttribute("position", new THREE.BufferAttribute(positions, 3));
     geometry.computeBoundingSphere();
 }
-export function LightningStrike({ origin, target, strikeKey = 0, seed = 451, visible = true, duration = 0.18, color = DEFAULT_COLOR, glow = 2.4, branches = 5, jaggedness = 0.08, impactLight = 26, renderOrder = 20, }) {
-    const lifeRef = useRef(0);
+export function LightningStrike({ origin, target, strikeKey = 0, seed = 451, visible = true, duration = 0.18, color = DEFAULT_COLOR, glow = 2.4, branches = 5, jaggedness = 0.08, impactLight = 26, renderOrder = 20, timeSeconds, startedAt, }) {
+    const localTime = useRef(0);
+    const startRef = useRef(null);
     const lightRef = useRef(null);
     const geometry = useDisposable(() => new THREE.BufferGeometry(), []);
     const material = useDisposable(() => new THREE.LineBasicMaterial({
@@ -97,28 +99,22 @@ export function LightningStrike({ origin, target, strikeKey = 0, seed = 451, vis
     }, [geometry, material, renderOrder]);
     useEffect(() => {
         if (!visible) {
-            lifeRef.current = 0;
+            startRef.current = null;
             material.opacity = 0;
             if (lightRef.current !== null)
                 lightRef.current.intensity = 0;
             return;
         }
         writeLightningGeometry(geometry, createLightningSegments(origin, target, seed ^ hashStrikeKey(strikeKey), branches, jaggedness));
-        lifeRef.current = duration;
-    }, [branches, duration, geometry, jaggedness, material, origin, seed, strikeKey, target, visible]);
+        startRef.current = startedAt ?? timeSeconds?.() ?? localTime.current;
+    }, [branches, duration, geometry, jaggedness, material, origin, seed, strikeKey, target, visible, startedAt, timeSeconds]);
     useFrame((_state, delta) => {
-        if (!visible || lifeRef.current <= 0) {
-            material.opacity = 0;
-            if (lightRef.current !== null)
-                lightRef.current.intensity = 0;
-            return;
-        }
-        lifeRef.current = Math.max(0, lifeRef.current - delta);
-        const amount = duration <= 0 ? 0 : lifeRef.current / duration;
-        const flicker = 0.62 + Math.random() * 0.38;
-        material.opacity = amount * glow * flicker;
+        localTime.current += delta;
+        const now = timeSeconds?.() ?? localTime.current;
+        const amount = visible && startRef.current !== null ? lightningStrikeEnvelope(now, startRef.current, duration, seed ^ hashStrikeKey(strikeKey)) : 0;
+        material.opacity = amount * glow;
         if (lightRef.current !== null)
-            lightRef.current.intensity = amount * impactLight * flicker;
+            lightRef.current.intensity = amount * impactLight;
     });
     return (_jsxs(_Fragment, { children: [_jsx("primitive", { object: line }), _jsx("pointLight", { ref: lightRef, position: [target[0], target[1], target[2]], color: color, intensity: 0, distance: 56, decay: 2 })] }));
 }

package/dist/weather/RainField.d.ts

@@ -15,8 +15,9 @@ export interface RainFieldProps {
     color?: THREE.ColorRepresentation;
     lightning?: number;
     timeScale?: number;
+    timeSeconds?: number | (() => number);
     seed?: number;
     renderOrder?: number;
     frustumCulled?: boolean;
 }
-export declare function RainField({ count, density, budget, volume, wind, origin, followCamera, speed, length, width, opacity, color, lightning, timeScale, seed, renderOrder, frustumCulled, }: RainFieldProps): import("react").JSX.Element;
+export declare function RainField({ count, density, budget, volume, wind, origin, followCamera, speed, length, width, opacity, color, lightning, timeScale, timeSeconds, seed, renderOrder, frustumCulled, }: RainFieldProps): import("react").JSX.Element;

package/dist/weather/RainField.js

@@ -4,17 +4,21 @@ import * as THREE from "three";
 import { useDisposable } from "../render/useDisposable.js";
 import { createWeatherQuadGeometry } from "./weatherGeometry.js";
 import { DEFAULT_RAIN_COUNT, DEFAULT_RAIN_DENSITY, resolveWeatherInstanceCount } from "./weatherMath.js";
+import { WEATHER_SHELTER_SHADER } from "./weatherShelter.js";
 import { useWeatherUniformSet } from "./weatherUniforms.js";
 const DEFAULT_VOLUME = [56, 42, 56];
 const DEFAULT_ORIGIN = [0, 0, 0];
 const DEFAULT_RAIN_COLOR = "#b8c4d8";
-export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_DENSITY, budget, volume = DEFAULT_VOLUME, wind, origin = DEFAULT_ORIGIN, followCamera = true, speed = 22, length = 1.35, width = 0.018, opacity = 0.48, color = DEFAULT_RAIN_COLOR, lightning, timeScale, seed = 11939, renderOrder = 10, frustumCulled, }) {
+export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_DENSITY, budget, volume = DEFAULT_VOLUME, wind, origin = DEFAULT_ORIGIN, followCamera = true, speed = 22, length = 1.35, width = 0.018, opacity = 0.48, color = DEFAULT_RAIN_COLOR, lightning, timeScale, timeSeconds, seed = 11939, renderOrder = 10, frustumCulled, }) {
     const { camera } = useThree();
-    const shared = useWeatherUniformSet({ wind, lightning, timeScale });
+    const shared = useWeatherUniformSet({ wind, lightning, timeScale, timeSeconds });
     const geometry = useDisposable(() => createWeatherQuadGeometry(count, seed), [count, seed]);
     const material = useDisposable(() => {
         const uniforms = {
             uTime: shared.time,
+            uShelterCenters: shared.shelterCenters,
+            uShelterShapes: shared.shelterShapes,
+            uShelterCount: shared.shelterCount,
             uWind: shared.wind,
             uLightning: shared.lightning,
             uAnchor: { value: new THREE.Vector3() },
@@ -31,6 +35,7 @@ export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_D
             depthWrite: false,
             blending: THREE.NormalBlending,
             vertexShader: `
+        ${WEATHER_SHELTER_SHADER}
         uniform float uTime;
         uniform vec3 uWind;
         uniform vec3 uAnchor;
@@ -42,6 +47,7 @@ export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_D
         attribute vec3 aSpawn;
         attribute float aDrift;
 
+        varying float vExposure;
         varying vec2 vUv;
         varying float vDrift;
 
@@ -54,6 +60,7 @@ export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_D
           vec3 velocity = vec3(uWind.x, -speed, uWind.z);
           vec3 local = aSpawn * uVolume + velocity * uTime;
           vec3 worldCenter = mod(local - origin, uVolume) + origin;
+          vExposure = weatherExposure(worldCenter);
           vec3 direction = normalize(velocity);
           vec3 cameraRay = normalize(cameraPosition - worldCenter);
           vec3 sideRaw = cross(direction, cameraRay);
@@ -69,6 +76,7 @@ export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_D
         uniform vec3 uColor;
         uniform float uLightning;
 
+        varying float vExposure;
         varying vec2 vUv;
         varying float vDrift;
 
@@ -76,6 +84,7 @@ export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_D
           float across = smoothstep(0.0, 0.45, vUv.x) * smoothstep(1.0, 0.55, vUv.x);
           float along = smoothstep(0.0, 0.28, vUv.y) * smoothstep(1.0, 0.58, vUv.y);
           float alpha = across * along * uOpacity * (0.55 + 0.45 * vDrift);
+          alpha *= vExposure;
           if (alpha < 0.001) discard;
           vec3 litColor = uColor * (1.0 + uLightning * 2.25);
           gl_FragColor = vec4(litColor, alpha);
@@ -97,7 +106,12 @@ export function RainField({ count = DEFAULT_RAIN_COUNT, density = DEFAULT_RAIN_D
         uniforms.uWidth.value = width;
         uniforms.uOpacity.value = opacity;
         uniforms.uColor.value.set(color);
-        geometry.instanceCount = resolveWeatherInstanceCount(count, density, budget);
+        geometry.instanceCount = resolveWeatherInstanceCount(count, density * shared.rain.value, budget);
+        const metrics = shared.metrics?.rain;
+        if (metrics !== undefined) {
+            metrics.count = geometry.instanceCount;
+            metrics.capacity = geometry.getAttribute("aSpawn").count;
+        }
     });
     return (_jsx("mesh", { geometry: geometry, material: material, frustumCulled: frustumCulled ?? !followCamera, renderOrder: renderOrder }));
 }

package/dist/weather/RainImpactField.d.ts

@@ -0,0 +1,16 @@
+import * as THREE from "three";
+/** Bounded ripple pool with terrain height and sky exposure query adapters. */
+export interface RainImpactFieldProps {
+    /** Fixed splash pool, clamped to 256. Default 64. */
+    count?: number;
+    extent?: number;
+    heightAt: (x: number, z: number) => number;
+    /** Sky exposure 0..1; sheltered surfaces produce no splashes. */
+    exposureAt?: (x: number, y: number, z: number) => number;
+    seed?: number;
+    color?: THREE.ColorRepresentation;
+}
+/** Bounded ground ripples sharing precipitation intensity and authoritative animation time.
+ * @capability rain-ground-ripples Render bounded rain impacts on exposed terrain using the shared precipitation clock.
+ */
+export declare function RainImpactField({ count, extent, heightAt, exposureAt, seed, color }: RainImpactFieldProps): import("react").JSX.Element;

package/dist/weather/RainImpactField.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFrame } from "@react-three/fiber";
+import * as THREE from "three";
+import { useDisposable } from "../render/useDisposable.js";
+import { createWeatherQuadGeometry } from "./weatherGeometry.js";
+import { useWeatherUniformSet } from "./weatherUniforms.js";
+/** Bounded ground ripples sharing precipitation intensity and authoritative animation time.
+ * @capability rain-ground-ripples Render bounded rain impacts on exposed terrain using the shared precipitation clock.
+ */
+export function RainImpactField({ count = 64, extent = 48, heightAt, exposureAt, seed = 11939, color = "#b8c4d8" }) {
+    const capacity = Math.max(0, Math.min(256, Math.floor(Number.isFinite(count) ? count : 64)));
+    const size = Math.max(1, Number.isFinite(extent) ? extent : 48);
+    const shared = useWeatherUniformSet();
+    const geometry = useDisposable(() => {
+        const value = createWeatherQuadGeometry(capacity, seed);
+        value.setAttribute("aGround", new THREE.InstancedBufferAttribute(new Float32Array(capacity), 1));
+        value.setAttribute("aExposure", new THREE.InstancedBufferAttribute(new Float32Array(capacity), 1));
+        value.instanceCount = capacity;
+        return value;
+    }, [capacity, seed]);
+    const material = useDisposable(() => new THREE.ShaderMaterial({
+        transparent: true,
+        side: THREE.DoubleSide,
+        depthWrite: false,
+        uniforms: { uTime: shared.time, uRain: shared.rain, uAnchor: { value: new THREE.Vector2() }, uExtent: { value: size }, uColor: { value: new THREE.Color(color) } },
+        vertexShader: `
+      uniform float uTime;
+      uniform float uExtent;
+      uniform vec2 uAnchor;
+      attribute vec3 aSpawn;
+      attribute float aDrift;
+      attribute float aGround;
+      attribute float aExposure;
+      varying vec2 vUv;
+      varying float vPhase;
+      varying float vExposure;
+      void main() {
+        vUv = uv;
+        vPhase = fract(uTime * (1.6 + aDrift * 0.8) + aDrift);
+        vExposure = aExposure;
+        float radius = 0.08 + vPhase * 0.45;
+        vec2 center = uAnchor + (aSpawn.xz - 0.5) * uExtent;
+        vec3 world = vec3(center.x + position.x * radius, aGround + 0.015, center.y + position.y * radius);
+        gl_Position = projectionMatrix * viewMatrix * vec4(world, 1.0);
+      }
+    `,
+        fragmentShader: `
+      uniform float uRain;
+      uniform vec3 uColor;
+      varying vec2 vUv;
+      varying float vPhase;
+      varying float vExposure;
+      void main() {
+        float radius = length(vUv - 0.5) * 2.0;
+        float ring = smoothstep(0.65, 0.8, radius) * (1.0 - smoothstep(0.84, 1.0, radius));
+        float alpha = ring * (1.0 - vPhase) * min(1.0, uRain) * vExposure * 0.45;
+        if (alpha < 0.001) discard;
+        gl_FragColor = vec4(uColor, alpha);
+      }
+    `,
+    }), [shared, size, color]);
+    useFrame((state) => {
+        const anchorX = Math.round(state.camera.position.x / 8) * 8;
+        const anchorZ = Math.round(state.camera.position.z / 8) * 8;
+        material.uniforms.uAnchor.value.set(anchorX, anchorZ);
+        const spawn = geometry.getAttribute("aSpawn");
+        const ground = geometry.getAttribute("aGround");
+        const exposure = geometry.getAttribute("aExposure");
+        for (let i = 0; i < capacity; i += 1) {
+            const x = anchorX + (spawn.getX(i) - 0.5) * size;
+            const z = anchorZ + (spawn.getZ(i) - 0.5) * size;
+            const y = heightAt(x, z);
+            ground.setX(i, Number.isFinite(y) ? y : 0);
+            const open = exposureAt?.(x, y, z) ?? 1;
+            exposure.setX(i, Math.max(0, Math.min(1, Number.isFinite(open) ? open : 0)));
+        }
+        ground.needsUpdate = true;
+        exposure.needsUpdate = true;
+        const metrics = shared.metrics?.impacts;
+        if (metrics !== undefined) {
+            metrics.count = geometry.instanceCount;
+            metrics.capacity = geometry.getAttribute("aSpawn").count;
+            metrics.heightQueries = capacity;
+            metrics.exposureQueries = exposureAt === undefined ? 0 : capacity;
+            metrics.queryBudget = capacity * (exposureAt === undefined ? 1 : 2);
+        }
+    });
+    return _jsx("mesh", { geometry: geometry, material: material, frustumCulled: false, renderOrder: 9 });
+}