@3driseai/3drise-viewer 0.1.28 → 0.1.29

package/dist/components/environment/Rain.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { AnimationOptions, MouseMoveDomain, RainEnvironmentConfig } from '@3driseai/3drise-core';
+import type { ObjectReadyProps } from '../../types/objectReady';
+export interface RainProps extends ObjectReadyProps {
+    config: RainEnvironmentConfig;
+    /** Scene object id: the live-edit handle is found by it. */
+    id?: string;
+    /** Keyframes on the config knobs (animations.environment.animations). */
+    keyframes?: AnimationOptions[];
+    /** Pointer bindings on the config knobs (mouseMove.environment). */
+    mouseMove?: MouseMoveDomain;
+}
+declare const Rain: React.FC<RainProps>;
+export default Rain;
+//# sourceMappingURL=Rain.d.ts.map

package/dist/components/environment/Rain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rain.d.ts","sourceRoot":"","sources":["../../../src/components/environment/Rain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAIxF,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAItG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAehE,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IAC/C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yEAAyE;IACzE,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,oEAAoE;IACpE,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B;AAUD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmF7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/environment/Rain.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import * as THREE from 'three';
+import { useFrame } from '@react-three/fiber';
+import { DEFAULT_ENVIRONMENT_OBJECTS, ENVIRONMENT_OBJECTS_ANIMATABLE, RainMaterial } from '@3driseai/3drise-core';
+import { withConfigDefaults } from '../../utils/configAnimations.js';
+import { useObjectReady } from '../../hooks/useObjectReady.js';
+import { useConfigDriver } from '../../hooks/useConfigDriver.js';
+const DEFAULTS = DEFAULT_ENVIRONMENT_OBJECTS.rain;
+/** Knobs that rebuild the drops: never live, they change once, on commit. */
+const STRUCTURAL = ['density'];
+/** Knobs a keyframe or pointer binding may drive per frame — exactly what push applies. */
+const ANIMATABLE = new Set(ENVIRONMENT_OBJECTS_ANIMATABLE.rain.map((p) => p.value));
+const MAX_DROPS = 20000;
+const DEG = Math.PI / 180;
+const Rain = ({ config, id, keyframes, mouseMove, onObjectReady, onObjectDispose }) => {
+    const rootRef = useRef(null);
+    const cfg = useMemo(() => withConfigDefaults(DEFAULTS, config), [config]);
+    useObjectReady(rootRef, cfg, onObjectReady, onObjectDispose);
+    const count = Math.min(Math.max(Math.round(cfg.density * 100), 100), MAX_DROPS);
+    const drops = useMemo(() => {
+        const positions = new Float32Array(count * 3);
+        const speeds = new Float32Array(count);
+        for (let i = 0; i < count; i++) {
+            positions[i * 3] = Math.random() - 0.5;
+            positions[i * 3 + 1] = Math.random();
+            positions[i * 3 + 2] = Math.random() - 0.5;
+            speeds[i] = 0.8 + Math.random() * 0.4;
+        }
+        const geometry = new THREE.BufferGeometry();
+        geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
+        geometry.setAttribute('speed', new THREE.BufferAttribute(speeds, 1));
+        return { geometry, positions, speeds };
+    }, [count]);
+    const material = useMemo(() => {
+        const m = new RainMaterial();
+        m.transparent = true;
+        m.depthWrite = false;
+        m.blending = THREE.NormalBlending;
+        return m;
+    }, []);
+    useEffect(() => () => drops.geometry.dispose(), [drops]);
+    useEffect(() => () => material.dispose(), [material]);
+    // What the simulation reads each frame; written only by push.
+    const sim = useRef({ speed: cfg.speed, windStrength: cfg.windStrength, windDirection: cfg.windDirection, turbulence: cfg.turbulence });
+    const push = useCallback((m) => {
+        const u = material.uniforms;
+        const c = m.color;
+        if (c !== undefined)
+            c.isColor ? u.uColor.value.copy(c) : u.uColor.value.set(c);
+        if (typeof m.opacity === 'number')
+            u.opacity.value = m.opacity;
+        if (typeof m.size === 'number')
+            u.streakLength.value = Math.max(m.size * 30, 1);
+        if (typeof m.windDirection === 'number') {
+            u.windAngle.value = m.windDirection * DEG;
+            sim.current.windDirection = m.windDirection;
+        }
+        if (typeof m.windStrength === 'number') {
+            u.windTilt.value = m.windStrength;
+            sim.current.windStrength = m.windStrength;
+        }
+        if (typeof m.speed === 'number')
+            sim.current.speed = m.speed;
+        if (typeof m.turbulence === 'number')
+            sim.current.turbulence = m.turbulence;
+    }, [material]);
+    useLayoutEffect(() => { push(cfg); }, [cfg, push]);
+    useConfigDriver({ rootRef, id, family: 'environment', base: cfg, structural: STRUCTURAL, allowed: ANIMATABLE, keyframes, mouseMove, push });
+    const scale = useMemo(() => new THREE.Vector3(), []);
+    useFrame((_, delta) => {
+        const root = rootRef.current;
+        if (!root)
+            return;
+        root.getWorldScale(scale);
+        const sx = Math.max(Math.abs(scale.x), 1e-3), sy = Math.max(Math.abs(scale.y), 1e-3), sz = Math.max(Math.abs(scale.z), 1e-3);
+        const { speed, windStrength, windDirection, turbulence } = sim.current;
+        const dt = Math.min(delta, 0.05);
+        const fall = speed * 60 * dt / sy;
+        const wind = windStrength * 30 * dt;
+        const wx = Math.sin(windDirection * DEG) * wind / sx, wz = Math.cos(windDirection * DEG) * wind / sz;
+        const turb = turbulence * 10 * dt;
+        const p = drops.positions, v = drops.speeds;
+        for (let i = 0; i < count; i++) {
+            const i3 = i * 3, s = v[i];
+            p[i3] += wx * s + (turb > 0 ? (Math.random() - 0.5) * turb / sx : 0);
+            p[i3 + 1] -= fall * s;
+            p[i3 + 2] += wz * s + (turb > 0 ? (Math.random() - 0.5) * turb / sz : 0);
+            if (p[i3 + 1] < 0) {
+                p[i3] = Math.random() - 0.5;
+                p[i3 + 1] = 1;
+                p[i3 + 2] = Math.random() - 0.5;
+                v[i] = 0.8 + Math.random() * 0.4;
+            }
+            if (p[i3] > 0.5)
+                p[i3] -= 1;
+            else if (p[i3] < -0.5)
+                p[i3] += 1;
+            if (p[i3 + 2] > 0.5)
+                p[i3 + 2] -= 1;
+            else if (p[i3 + 2] < -0.5)
+                p[i3 + 2] += 1;
+        }
+        drops.geometry.attributes.position.needsUpdate = true;
+    });
+    // Clicks reach the scene: the drops never take a raycast.
+    const noRaycast = useMemo(() => () => { }, []);
+    return (_jsx("group", { ref: rootRef, children: _jsx("points", { geometry: drops.geometry, material: material, frustumCulled: false, raycast: noRaycast }) }));
+};
+export default Rain;

package/dist/components/environment/Rainbow.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AnimationOptions, MouseMoveDomain, RainbowEnvironmentConfig } from '@3driseai/3drise-core';
+import type { ObjectReadyProps } from '../../types/objectReady';
+export interface RainbowProps extends ObjectReadyProps {
+    config: RainbowEnvironmentConfig;
+    /** Scene object id: the live-edit handle is found by it. */
+    id?: string;
+    /** Keyframes on the config knobs (animations.environment.animations). */
+    keyframes?: AnimationOptions[];
+    /** Pointer bindings on the config knobs (mouseMove.environment). */
+    mouseMove?: MouseMoveDomain;
+}
+/**
+ * A single physical rainbow on its own: water dispersion and an Airy profile with supernumerary fringes, centred opposite the sun and seen through the object’s volume. The cursor sprays, clears or polarises it. Use for after-rain and hopeful scenes.
+ *
+ * The volume is the parent's transform: x / z span its scale, y rises from its origin to scale.y.
+ */
+declare const Rainbow: React.FC<RainbowProps>;
+export default Rainbow;
+//# sourceMappingURL=Rainbow.d.ts.map

package/dist/components/environment/Rainbow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rainbow.d.ts","sourceRoot":"","sources":["../../../src/components/environment/Rainbow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAIxF,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAMzG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAq3BhE,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IAClD,MAAM,EAAE,wBAAwB,CAAC;IACjC,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yEAAyE;IACzE,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,oEAAoE;IACpE,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED;;;;GAIG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmCnC,CAAC;AAEF,eAAe,OAAO,CAAC"}