@ntalmagor/3drize-viewer 0.1.24 → 0.1.25

package/dist/components/Clouds.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { CloudsSettings, TimeSettings } from '@ntalmagor/3drize-core';
+import type { TimeSettings, CreatedObjectSettings } from '@ntalmagor/3drize-core';
 export interface CloudsProps {
-    settings: CloudsSettings;
-    timeSettings: TimeSettings;
+    settings: CreatedObjectSettings;
+    timeSettings?: TimeSettings;
 }
 declare const Clouds: React.FC<CloudsProps>;
 export default Clouds;

package/dist/components/Clouds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Clouds.d.ts","sourceRoot":"","sources":["../../src/components/Clouds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAE,cAAc,EAAoB,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAoB7F,MAAM,WAAW,WAAW;IAE1B,QAAQ,EAAE,cAAc,CAAA;IACxB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmLjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Clouds.d.ts","sourceRoot":"","sources":["../../src/components/Clouds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAGV,YAAY,EAIZ,qBAAqB,EAEtB,MAAM,wBAAwB,CAAC;AA+BhC,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAgFD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuNjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Clouds.js

@@ -2,12 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useCallback } from 'react';
 import * as THREE from 'three';
 import { useThree, useFrame } from '@react-three/fiber';
-import { useMaterialApplication } from '../hooks/useMaterialApplication.js';
 import { useSkySystem } from '../hooks/useSkySystem.js';
 import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
 import { useNumericAnimation } from '../hooks/useNumericAnimation.js';
-import { applySingleProperty } from '@ntalmagor/3drize-core';
-import { useMouseHandlers } from '../hooks/useMouseHandlers.js';
+import { calculateTimeProgress, applyEasing, gsapEasingMap, interpolateValue, handleTransformMouseMove, handleMaterialMouseMove, interpolateMouseMoveProperty, } from '@ntalmagor/3drize-core';
 const CLOUD_COLORS = {
     night: new THREE.Color(0.1, 0.1, 0.2),
     sunrise: new THREE.Color(0.8, 0.4, 0.4),
@@ -22,20 +20,101 @@ const DEFAULT_MATERIAL = {
     u_cameraPos: [0, 0, 0],
     u_cloudColor: [1.0, 1.0, 1.0],
 };
-const Clouds = ({ settings, timeSettings, }) => {
-    const { visible = true, position = [0, 400, 0], scale = 15000, speed = 1, materialSettings = DEFAULT_MATERIAL, handlers } = settings;
-    const height = position?.[1] ?? 400;
+// =============================================================================
+// Per-domain helpers (clouds-specific writes for the `clouds` domain)
+// =============================================================================
+function applyCloudsKeyframeAnimations(animations, startValuesCache, config, override, currentTime) {
+    if (!animations?.length)
+        return;
+    override.speed = undefined; // reset before each pass
+    for (const anim of animations) {
+        const { property, to, duration, ease, loop = false, yoyo = false, active } = anim;
+        if (!active || to === undefined)
+            continue;
+        if (property !== 'speed')
+            continue;
+        let from = anim.from;
+        if (from === undefined) {
+            from = startValuesCache[property] ??= (config.speed ?? 1);
+        }
+        let p = calculateTimeProgress(currentTime, duration, yoyo, loop);
+        if (ease) {
+            const fn = gsapEasingMap[ease] || ease;
+            p = applyEasing(fn, p);
+        }
+        override.speed = interpolateValue(property, from, to, p);
+    }
+}
+function applyCloudsMouseMove(properties, config, override, pointer) {
+    if (!properties?.length)
+        return;
+    override.speed = undefined;
+    for (const { property, enabled, propertySettings } of properties) {
+        if (!enabled || property !== 'speed')
+            continue;
+        const { axis = 'both', sensitivity = 1, inverted = false, min, max } = propertySettings || {};
+        const base = config.speed ?? 1;
+        override.speed = interpolateMouseMoveProperty(base, min, max, pointer, axis, sensitivity, inverted);
+    }
+}
+// Project legacy flat `handlers.onMouseMove.properties[]` shape into per-domain
+// buckets so we can route it through the new handlers without a save migration.
+function projectLegacyHandlersToDomain(legacy) {
+    const transform = [];
+    const material = [];
+    const clouds = [];
+    if (!legacy)
+        return { transform, material, clouds };
+    for (const cfg of legacy) {
+        const enabledP = { property: cfg.property, enabled: cfg.enabled ?? true, propertySettings: cfg.propertySettings };
+        if (cfg.property === 'speed')
+            clouds.push(enabledP);
+        else if (cfg.property === 'position' || cfg.property === 'rotation' || cfg.property === 'scale')
+            transform.push(enabledP);
+        else
+            material.push(enabledP);
+    }
+    return { transform, material, clouds };
+}
+// =============================================================================
+// MAIN COMPONENT
+// =============================================================================
+const defaultTimeSettings = {
+    enabled: false,
+    timescale: 1,
+    timeOfDay: 12,
+    syncWithRealTime: false,
+    autoAnimate: false,
+};
+const Clouds = ({ settings, timeSettings = defaultTimeSettings }) => {
+    const visible = settings.meshSettings.visible ?? true;
+    const meshSettings = settings.meshSettings;
+    const config = settings.config;
+    const materialSettings = settings.materialSettings;
+    const position = meshSettings.position;
+    const scale = meshSettings.scale;
+    // console.log(config.speed)
+    const baseSpeed = config.speed ?? 1;
+    // console.log(baseSpeed)
+    const height = position[1];
+    const planeSize = config?.planeSize || [10000, 10000];
+    const planeSegments = config?.planeSegments || 64;
     const meshRef = useRef(null);
     const cloudAnimTime = useRef(0);
     const { camera } = useThree();
-    const { interpolateProperty } = useMouseHandlers();
     const cloudColorRef = useRef(new THREE.Color(1, 1, 1));
     const targetCloudColorRef = useRef(new THREE.Color(1, 1, 1));
+    // Sequence-driven numeric anims (legacy `useAnimationEvents` path)
     const numericOverrideRef = useRef(null);
-    const mouseOverrideRef = useRef({});
     const { animateNumeric } = useNumericAnimation();
-    const effectiveMaterialSettings = materialSettings ?? DEFAULT_MATERIAL;
-    useMaterialApplication(settings.visible ? meshRef.current : null, effectiveMaterialSettings, true);
+    // Per-domain animation + mouseMove overrides
+    const animatedOverrideRef = useRef({});
+    const mouseOverrideRef = useRef({});
+    // Keyframe-animation start-value caches (one per domain that uses them)
+    const transformAnimCacheRef = useRef({});
+    const materialAnimCacheRef = useRef({});
+    const cloudsAnimCacheRef = useRef({});
+    // useMaterialApplication(visible ? (meshRef.current as any) : null, materialSettings, true);
     const handleTimeUpdate = useCallback((state) => {
         const { normalizedTime, isDaytime, delta } = state;
         if (isDaytime) {
@@ -66,6 +145,7 @@ const Clouds = ({ settings, timeSettings, }) => {
         onTimeUpdate: handleTimeUpdate,
         enabled: visible,
     });
+    // Legacy sequence-driven `speed`/`scale` anims via `useAnimationEvents`
     useAnimationEvents({
         onStepStart: (event) => {
             if (!event.step?.transitions)
@@ -75,20 +155,18 @@ const Clouds = ({ settings, timeSettings, }) => {
                     continue;
                 const toProps = transition.properties.to || {};
                 const fromProps = transition.properties.from || {};
-                // visible — immediate boolean switch on the Three.js mesh
-                if (toProps.visible !== undefined) {
+                if (toProps.visible !== undefined)
                     meshRef.current.visible = toProps.visible;
-                }
-                // numeric: speed, scale
-                const CLOUDS_NUMERIC_KEYS = ['speed', 'scale'];
+                const KEYS = ['speed', 'scale'];
                 const from = {};
                 const to = {};
-                for (const key of CLOUDS_NUMERIC_KEYS) {
-                    const toVal = toProps[key];
+                for (const k of KEYS) {
+                    const toVal = toProps[k];
                     if (toVal === undefined)
                         continue;
-                    to[key] = toVal;
-                    from[key] = fromProps[key] ?? settings[key] ?? toVal;
+                    to[k] = toVal;
+                    const sourceFallback = k === 'speed' ? baseSpeed : scale;
+                    from[k] = fromProps[k] ?? sourceFallback;
                 }
                 if (Object.keys(to).length > 0) {
                     animateNumeric(from, to, (updated) => {
@@ -100,44 +178,61 @@ const Clouds = ({ settings, timeSettings, }) => {
             }
         },
     });
-    const handleMouseMove = (mouse) => {
-        if (!handlers?.onMouseMove?.enabled)
-            return;
-        if (!handlers.onMouseMove.properties.length)
-            return;
-        if (!meshRef.current)
-            return;
-        handlers.onMouseMove.properties.forEach((cfg) => {
-            const { property, propertySettings } = cfg;
-            const { min: minValue, max: maxValue, axis, sensitivity = 1, inverted = false } = propertySettings;
-            if (property === 'speed' || property === 'scale') {
-                const key = property;
-                const baseValue = settings[key];
-                if (baseValue === undefined)
-                    return;
-                const interpolated = interpolateProperty(baseValue, minValue, maxValue, mouse, axis, sensitivity, inverted);
-                mouseOverrideRef.current[key] = interpolated;
-                return;
-            }
-            const baseValue = settings.materialSettings?.[property];
-            if (baseValue === undefined)
-                return;
-            const interpolated = interpolateProperty(baseValue, minValue, maxValue, mouse, axis, sensitivity, inverted);
-            applySingleProperty(meshRef.current.material, property, interpolated);
-        });
-    };
     useFrame((state) => {
-        if ((meshRef.current && !meshRef.current.visible) || !meshRef.current?.material)
+        const mesh = meshRef.current;
+        if (!mesh || !mesh.visible || !mesh.material)
             return;
-        const material = meshRef.current.material;
+        const material = mesh.material;
         const uniforms = material?.uniforms;
         if (!uniforms)
             return;
-        const effectiveSpeed = numericOverrideRef.current?.speed
+        const now = Date.now();
+        const pointer = state.pointer;
+        // ── PER-DOMAIN ANIMATIONS ────────────────────────────────────────────────
+        const mm = settings.mouseMove;
+        // const isPerDomain = mm && ('transform' in mm || 'material' in mm || 'edges' in mm || 'light' in mm || 'clouds' in mm);
+        // transform: position / rotation / scale
+        // const transformAnims = settings.animations?.transform?.animations;
+        // if (transformAnims?.length) {
+        //   handleTransformAnimations(
+        //     { object: mesh, meshSettings: meshSettings as any, pathIsActive: false },
+        //     transformAnims,
+        //     now,
+        //     false,
+        //   );
+        // }
+        // // material: shader uniforms
+        // const materialAnims = settings.animations?.material?.animations;
+        // if (materialAnims?.length) {
+        //   handleMaterialAnimations(
+        //     { object: mesh, materialSettings: materialSettings as any, startValuesCache: materialAnimCacheRef.current },
+        //     materialAnims,
+        //     now,
+        //     false,
+        //   );
+        // }
+        // clouds: speed
+        applyCloudsKeyframeAnimations(settings.animations?.clouds?.animations, cloudsAnimCacheRef.current, config, animatedOverrideRef.current, now);
+        // ── PER-DOMAIN MOUSE-MOVE ─────────────────────────────────────────────────
+        if (mm) {
+            const perDomain = mm;
+            if (perDomain.transform?.enabled && perDomain.transform.properties?.length) {
+                handleTransformMouseMove({ object: mesh, meshSettings: meshSettings }, perDomain.transform.properties, pointer);
+            }
+            if (perDomain.material?.enabled && perDomain.material.properties?.length) {
+                handleMaterialMouseMove({ object: mesh, materialSettings: materialSettings }, perDomain.material.properties, pointer);
+            }
+            applyCloudsMouseMove(perDomain.clouds?.enabled ? perDomain.clouds.properties : undefined, config, mouseOverrideRef.current, pointer);
+        }
+        // ── EFFECTIVE SPEED + UNIFORM UPDATES ─────────────────────────────────────
+        const effectiveSpeed = animatedOverrideRef.current.speed
+            ?? numericOverrideRef.current?.speed
             ?? mouseOverrideRef.current.speed
-            ?? speed;
+            ?? baseSpeed;
+        // console.log(effectiveSpeed)
+        // console.log(effectiveSpeed)
         cloudAnimTime.current += 0.02 * effectiveSpeed;
-        const mouse = state.pointer;
+        // console.log(cloudAnimTime.current)
         if (uniforms.u_time)
             uniforms.u_time.value = cloudAnimTime.current;
         if (uniforms.u_cameraPos) {
@@ -160,14 +255,16 @@ const Clouds = ({ settings, timeSettings, }) => {
                 ? uniforms.u_sunPosition.value.copy(sunDirection)
                 : (uniforms.u_sunPosition.value = sunDirection.clone());
         }
-        handleMouseMove(mouse);
-        const effectiveScale = numericOverrideRef.current?.scale
-            ?? mouseOverrideRef.current.scale;
-        if (effectiveScale !== undefined) {
-            meshRef.current.scale.setScalar(effectiveScale);
+        // Apply scale override (sequence-driven path only — per-domain transform anims
+        // already mutate mesh.scale through handleTransformAnimations).
+        if (numericOverrideRef.current?.scale !== undefined) {
+            mesh.scale.setScalar(numericOverrideRef.current.scale);
         }
     });
-    // if (!visible) return null;
-    return (_jsx("mesh", { ref: meshRef, name: "SkyClouds", userData: { id: '3drise-clouds' }, position: [0, height, 0], rotation: [Math.PI / 2, 0, 0], scale: scale, renderOrder: -1, frustumCulled: false, visible: visible, children: _jsx("planeGeometry", { args: [2, 2] }) }));
+    return (_jsx("mesh", { ref: meshRef, name: "SkyClouds", userData: { id: '3drise-clouds' }, 
+        // position={[0, height, 0]}
+        // rotation={[Math.PI / 2, 0, 0]}
+        // scale={scale}
+        renderOrder: -1, frustumCulled: false, visible: visible, children: _jsx("planeGeometry", { args: [planeSize[0], planeSize[1], planeSegments, planeSegments] }) }));
 };
 export default Clouds;

package/dist/components/CreatedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAG,qBAAqB,EAAkC,MAAM,wBAAwB,CAAC;AAQrG,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,UAAU,kBAAkB;IAC1B,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAElH;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6J9C,CAAC;AAIH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAG,qBAAqB,EAAkC,MAAM,wBAAwB,CAAC;AAQrG,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,UAAU,kBAAkB;IAC1B,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAElH;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0J9C,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/dist/components/CreatedObject.js

@@ -85,10 +85,6 @@ const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial
         e.stopPropagation();
     };
     const anchorEnabled = createdObject.meshSettings.anchor && createdObject.meshSettings.anchor.enabled;
-    // console.log("createdObject.meshSettings", createdObject.meshSettings)
-    // console.log("Rendered CreatedObject:", createdObject.rigidBodySettings);
-    const stateKey = createdObject.meshSettings.name;
-    // console.log({stateKey})
     return (_jsx(AnimatedObject
     // animationId={createdObject.animationId || ''}
     , { 

package/dist/components/Frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/components/Frame.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmC,QAAQ,EAAsB,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAgB,MAAM,wBAAwB,CAAC;AACjG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMrE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,EAAE,qBAAqB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAClB,aAAa,EAAE,qBAAqB,EACpC,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,GAAG,EACH,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,aAAa,EACb,gBAAqB,EACrB,YAAiB,EACjB,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,GAClB,EAAE,UAAU,kDAoFZ"}
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/components/Frame.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmC,QAAQ,EAAsB,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAgB,MAAM,wBAAwB,CAAC;AACjG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMrE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,EAAE,qBAAqB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAClB,aAAa,EAAE,qBAAqB,EACpC,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,GAAG,EACH,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,aAAa,EACb,gBAAqB,EACrB,YAAiB,EACjB,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,GAClB,EAAE,UAAU,kDAuFZ"}

package/dist/components/Frame.js

@@ -48,5 +48,7 @@ export default function Frame({ url, isActive, createdObject, position, rotation
     };
     if (!texture)
         return null;
-    return (_jsx("mesh", { name: url, ref: frameRef, position: position, rotation: rotation, scale: scale, raycast: () => null, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: onClick, children: children ? children : (_jsxs(_Fragment, { children: [_jsx(FrameGeometry, { shapeType: 'rectangle', layoutSettings: layoutSettings, scale: layoutSettings.outerFrameScale }), _jsx(MaterialLibrary, { materialSettings: materialSettings }), showFront && (_jsx(FrameImage, { ref: imageRef, texture: texture, shapeType: 'rectangle', position: [0, 0, 0.02] })), showBack && (_jsx(FrameImage, { texture: texture, shapeType: 'rectangle', position: [0, 0, -0.02], rotation: [0, Math.PI, 0], isBack: true }))] })) }));
+    return (_jsx("mesh", { name: url, ref: frameRef, position: position, rotation: rotation, scale: scale, raycast: () => null, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: onClick, userData: {
+            url,
+        }, children: children ? children : (_jsxs(_Fragment, { children: [_jsx(FrameGeometry, { shapeType: 'rectangle', layoutSettings: layoutSettings, scale: layoutSettings.outerFrameScale }), _jsx(MaterialLibrary, { materialSettings: materialSettings }), showFront && (_jsx(FrameImage, { ref: imageRef, texture: texture, shapeType: 'rectangle', position: [0, 0, 0.02] })), showBack && (_jsx(FrameImage, { texture: texture, shapeType: 'rectangle', position: [0, 0, -0.02], rotation: [0, Math.PI, 0], isBack: true }))] })) }));
 }

package/dist/components/Galaxy.js

@@ -1,8 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Stars from './Stars.js';
-import ShootingStars from './ShootingStars.js';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const Galaxy = ({ settings, timeSettings, sunSystemEnabled }) => {
     // if (!settings.visible) return null;
-    return (_jsxs(_Fragment, { children: [_jsx(Stars, { settings: settings, timeSettings: timeSettings, sunSystemEnabled: sunSystemEnabled }), _jsx(ShootingStars, { settings: settings.shootingStars })] }));
+    return (_jsx(_Fragment, {}));
 };
 export default Galaxy;

package/dist/components/ObjectNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAA6D,cAAc,EAA0B,MAAM,wBAAwB,CAAC;AAEpL,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAYrD,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AA+CF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiLzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAA6D,cAAc,EAAyC,MAAM,wBAAwB,CAAC;AAEnM,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAiBrD,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AA+CF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0JzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ObjectNode.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import CustomPrimitive from "./CustomPrimitive.js";
 import CreatedObject from "./CreatedObject.js";
@@ -11,7 +11,18 @@ import ParticlesR3f from "./ParticlesR3f.js";
 import Lines from "./Lines.js";
 import GridHelper from "./GridHelper.js";
 import LightObject from "./LightObject.js";
-const EffectsLayer = ({ effects }) => effects?.length ? (_jsx(_Fragment, { children: effects.map((effect, index) => (_jsx(EffectsGenerator, { settings: effect }, index))) })) : null;
+import Ocean from "./Ocean.js";
+import Stars from "./Stars.js";
+import Clouds from "./Clouds.js";
+import Rain from "./Rain.js";
+// const EffectsLayer: React.FC<{ effects: CreatedObjectSettings['effects'] }> = ({ effects }) =>
+//     effects?.length ? (
+//         <>
+//             {effects.map((effect, index) => (
+//                 <EffectsGenerator key={index} settings={effect} />
+//             ))}
+//         </>
+//     ) : null;
 const GroupWithChildren = ({ createdObject, children, cameraSettings, onObjectReady, handleObjectClick, renderObject }) => {
     const isGroup = createdObject.type === 'group';
     return (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, cameraSettings: cameraSettings, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady }, childNode.objectId)))] }, createdObject.id));
@@ -22,8 +33,11 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick })
     // Specialized renderers for each object type
     const renderers = useMemo(() => ({
         group: () => null,
-        mesh: (obj, cameraSettings, onObjectReady) => (_jsx(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: _jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id) }, obj.id)),
-        model: (obj, cameraSettings, onObjectReady) => (_jsx(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: _jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id) }, obj.id)),
+        mesh: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
+        water: (obj, cameraSettings, onObjectReady) => (_jsx(Ocean, { settings: obj })),
+        stars: (obj, cameraSettings, onObjectReady) => (_jsx(Stars, { settings: obj })),
+        clouds: (obj, cameraSettings, onObjectReady) => (_jsx(Clouds, { settings: obj })),
+        model: (obj, cameraSettings, onObjectReady) => (_jsx(CustomPrimitive, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick }, obj.id)),
         // custom_primitive: (obj: CreatedObjectSettings, cameraSettings: CameraState, onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void) => (
         //     <CustomPrimitive
         //         key={obj.id}
@@ -34,22 +48,23 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick })
         // ),
         text: (obj, cameraSettings, onObjectReady) => {
             const renderMode = obj.config?.renderMode ?? 'bitmap';
-            return (_jsx(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: renderMode === 'text3d'
+            return (_jsx(_Fragment, { children: renderMode === 'text3d'
                     ? _jsx(Text3D, { textSettings: obj })
-                    : _jsx(Text2D, { textSettings: obj }) }, obj.id));
+                    : _jsx(Text2D, { textSettings: obj }) }));
         },
         particles: (obj, cameraSettings, onObjectReady) => {
             const particlesSettings = obj;
-            return (_jsxs(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, children: [particlesSettings.config?.particles && (_jsx(ParticlesR3f, { particlesSettings: particlesSettings, cameraFov: cameraSettings.fov, duration: 1, transitionSettings: particlesSettings.meshSettings })), particlesSettings.config?.paths && (_jsx(Lines, { createdObject: particlesSettings }))] }, obj.id));
+            return (_jsxs(_Fragment, { children: [particlesSettings.config?.particles && (_jsx(ParticlesR3f, { particlesSettings: particlesSettings, cameraFov: cameraSettings.fov, duration: 1, transitionSettings: particlesSettings.meshSettings })), particlesSettings.config?.paths && (_jsx(Lines, { createdObject: particlesSettings }))] }));
         },
-        path: (obj, cameraSettings, onObjectReady) => (_jsx(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: _jsx(PathRenderer, { pathSettings: obj.config, showCurve: false, showLine: false, showPoints: false }, obj.id) }, obj.id)),
-        grid: (obj, cameraSettings, onObjectReady) => (_jsx(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: _jsx(GridHelper, { ...obj.config }) }, obj.id)),
+        path: (obj, cameraSettings, onObjectReady) => (_jsx(PathRenderer, { pathSettings: obj.config, showCurve: false, showLine: false, showPoints: false }, obj.id)),
+        grid: (obj, cameraSettings, onObjectReady) => (_jsx(GridHelper, { ...obj.config })),
         effect: (obj) => (_jsx(EffectsGenerator, { settings: {
                 enabled: true,
                 config: obj.config,
             } }, obj.id)),
-        gallery: (obj, cameraSettings, onObjectReady) => (_jsx(CreatedObject, { createdObject: obj, shouldApply3driseMaterial: true, children: _jsx(GalleryLayout, { createdObject: obj, handleObjectClick: handleObjectClick }) }, obj.id)),
-        light: (obj, cameraSettings, onObjectReady) => (_jsx(CreatedObject, { createdObject: obj, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: false, children: _jsx(LightObject, { createdObject: obj }) }, obj.id)),
+        gallery: (obj, cameraSettings, onObjectReady) => (_jsx(GalleryLayout, { createdObject: obj, handleObjectClick: handleObjectClick })),
+        light: (obj, cameraSettings, onObjectReady) => (_jsx(LightObject, { createdObject: obj })),
+        rain: (obj, cameraSettings, onObjectReady) => (_jsx(Rain, { settings: obj })),
     }), [handleObjectClick]);
     if (!createdObject) {
         console.warn(`createdObject not found.`);
@@ -59,14 +74,19 @@ const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick })
     const hasChildren = children.length > 0;
     const shouldRenderAsGroup = hasChildren || createdObject.type === 'group' || createdObject.type === 'effect';
     const renderObject = useCallback((obj, handleObjectClick) => {
+        console.log('Rendering object:', obj);
         const renderer = renderers[obj.type];
         return renderer?.(obj, cameraSettings, onObjectReady) ?? null;
     }, [cameraSettings, onObjectReady, renderers]);
     const renderedObject = shouldRenderAsGroup
         ? _jsx(GroupWithChildren, { createdObject: createdObject, children: children, cameraSettings: cameraSettings, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, renderObject: renderObject })
-        : createdObject.effects
-            ? _jsx(_Fragment, { children: renderObject(createdObject) })
-            : renderObject(createdObject);
+        : _jsx(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, children: renderObject(createdObject) }, createdObject.id);
+    // createdObject.effects
+    //     ? <>
+    //         {renderObject(createdObject)}
+    //         {/* <EffectsLayer effects={createdObject.effects} /> */}
+    //     </>
+    //     : renderObject(createdObject);
     return renderedObject;
 };
 export default ObjectNode;

package/dist/components/ObjectsRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectsRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAmB,qBAAqB,EAAe,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAQ9J,UAAU,oBAAoB;IAC5B,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,cAAc,EAAE,qBAAqB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1G,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4DlD,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ObjectsRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ObjectsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAmB,qBAAqB,EAAe,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAQ9J,UAAU,oBAAoB;IAC5B,cAAc,EAAE,WAAW,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,cAAc,EAAE,qBAAqB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1G,SAAS,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8DlD,CAAC;AAIH,eAAe,eAAe,CAAC"}

package/dist/components/ObjectsRenderer.js

@@ -24,6 +24,8 @@ const ObjectsRenderer = memo(({ cameraSettings, createdObjects, generalObjectSet
         sequences,
     });
     const handleObjectClickHandler = (createdObject, ref, event) => {
+        console.log('Object clicked:', createdObject.meshSettings.name);
+        console.log('Object ref:', ref);
         const clickInteractions = filterInteractionsByEvent(createdObject.actions, "click");
         clickInteractions.forEach((interaction) => {
             executeInteraction({ interaction, ref, createdObject });

package/dist/components/Ocean.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { OceanSettings } from '@ntalmagor/3drize-core';
+import { CreatedObjectSettings } from '@ntalmagor/3drize-core';
 export interface OceanProps {
-    settings: OceanSettings;
+    settings: CreatedObjectSettings;
 }
 declare const Ocean: React.FC<OceanProps>;
 export default Ocean;

package/dist/components/Ocean.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Ocean.d.ts","sourceRoot":"","sources":["../../src/components/Ocean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAUhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8J/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Ocean.d.ts","sourceRoot":"","sources":["../../src/components/Ocean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,EAQL,qBAAqB,EAEtB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqL/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Ocean.js

@@ -5,28 +5,32 @@ import { useFrame } from '@react-three/fiber';
 import { useMaterialApplication } from '../hooks/useMaterialApplication.js';
 import { useWaterEnvironment } from '../hooks/useWaterEnvironment.js';
 import { useWaterReflections } from '../hooks/useWaterReflections.js';
-import { useMouseHandlers } from '../hooks/useMouseHandlers.js';
 import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
 import { useNumericAnimation } from '../hooks/useNumericAnimation.js';
-import { applySingleProperty } from '@ntalmagor/3drize-core';
+import { handleTransformAnimations, handleMaterialAnimations, handleTransformMouseMove, handleMaterialMouseMove, } from '@ntalmagor/3drize-core';
 const Ocean = ({ settings }) => {
     const meshRef = useRef(null);
     const uniformOverrideRef = useRef(null);
+    const matAnimCacheRef = useRef({});
     const [meshVisible, setMeshVisible] = useState(null);
+    const { meshSettings, materialSettings, animations, mouseMove } = settings;
     const { animateNumeric } = useNumericAnimation();
-    const planeSize = settings.planeSize || [10000, 10000];
-    const planeSegments = settings.planeSegments || 64;
-    const position = settings.position || [0, -1, 0];
-    const rotation = settings.rotation || [-Math.PI / 2, 0, 0];
-    const handlers = settings.handlers || {};
-    const { interpolateProperty } = useMouseHandlers();
-    useMaterialApplication(settings.visible ? meshRef.current : null, settings.materialSettings);
-    useWaterEnvironment(settings.visible ? meshRef : { current: null });
-    useWaterReflections(settings.visible ? meshRef : { current: null }, {
+    const config = settings.config || {
+        planeSize: [10000, 10000],
+        planeSegments: 64,
+    };
+    const planeSize = config?.planeSize || [10000, 10000];
+    const planeSegments = config?.planeSegments || 64;
+    const position = meshSettings.position || [0, -1, 0];
+    const rotation = meshSettings.rotation || [-Math.PI / 2, 0, 0];
+    const scale = meshSettings.scale || 1;
+    useMaterialApplication(meshSettings.visible ? meshRef.current : null, materialSettings);
+    useWaterEnvironment(meshSettings.visible ? meshRef : { current: null });
+    useWaterReflections(meshSettings.visible ? meshRef : { current: null }, {
         waterPosition: new THREE.Vector3(...position),
         resolution: 256,
         updateFrequency: 1,
-        enabled: settings.visible,
+        enabled: meshSettings.visible,
     });
     useAnimationEvents({
         onStepStart: (event) => {
@@ -90,26 +94,11 @@ const Ocean = ({ settings }) => {
             }
         },
     });
-    const handleMouseMove = (mouse) => {
-        // Mouse-move property handlers
-        if (handlers?.onMouseMove?.enabled && handlers.onMouseMove.properties.length && meshRef.current) {
-            handlers.onMouseMove.properties.forEach((props) => {
-                const { property, propertySettings } = props;
-                const { min: minValue, max: maxValue, axis, sensitivity = 1, inverted = false } = propertySettings;
-                const baseValue = settings.materialSettings[property];
-                if (!baseValue)
-                    return;
-                const interpolatedValue = interpolateProperty(baseValue, minValue, maxValue, mouse, axis, sensitivity, inverted);
-                if (meshRef.current) {
-                    applySingleProperty(meshRef.current.material, property, interpolatedValue);
-                }
-            });
-        }
-    };
     useFrame((state) => {
-        if (!meshRef.current?.material || !(meshVisible ?? settings.visible))
+        const mesh = meshRef.current;
+        if (!mesh?.material || !(meshVisible ?? meshSettings.visible))
             return;
-        const material = meshRef.current.material;
+        const material = mesh.material;
         const uniforms = material?.uniforms;
         if (!uniforms)
             return;
@@ -123,10 +112,7 @@ const Ocean = ({ settings }) => {
             uniforms.u_resolution.value.set(window.innerWidth, window.innerHeight);
         if (uniforms.u_mouse)
             uniforms.u_mouse.value.set(mouse.x, mouse.y);
-        // if (settings.effects) {
-        //   update3driseShaderUniforms(uniforms, settings.effects, u_time, mouse);
-        // }
-        // Apply animated uniform overrides
+        // Sequence-driven uniform overrides
         if (uniformOverrideRef.current) {
             for (const [key, val] of Object.entries(uniformOverrideRef.current)) {
                 if (!uniforms[key])
@@ -148,8 +134,36 @@ const Ocean = ({ settings }) => {
                 }
             }
         }
-        handleMouseMove(mouse);
+        // ── PER-DOMAIN ANIMATIONS ───────────────────────────────────────────────
+        const now = Date.now();
+        const transformAnims = animations?.transform?.animations;
+        if (transformAnims?.length) {
+            handleTransformAnimations({ object: mesh, meshSettings: meshSettings, pathIsActive: false }, transformAnims, now, false);
+        }
+        const materialAnims = animations?.material?.animations;
+        if (materialAnims?.length) {
+            handleMaterialAnimations({ object: mesh, materialSettings: materialSettings, startValuesCache: matAnimCacheRef.current }, materialAnims, now, false);
+        }
+        // ── PER-DOMAIN MOUSE-MOVE ───────────────────────────────────────────────
+        const mm = mouseMove;
+        const isPerDomain = mm && ('transform' in mm || 'material' in mm);
+        if (isPerDomain) {
+            const md = mm;
+            if (md.transform?.enabled && md.transform.properties?.length) {
+                handleTransformMouseMove({ object: mesh, meshSettings: meshSettings }, md.transform.properties, mouse);
+            }
+            if (md.material?.enabled && md.material.properties?.length) {
+                handleMaterialMouseMove({ object: mesh, materialSettings: materialSettings }, md.material.properties, mouse);
+            }
+        }
     });
-    return (_jsx("mesh", { ref: meshRef, name: "Ocean", position: position, rotation: rotation, visible: meshVisible ?? settings.visible, userData: { id: '3drise-water' }, children: _jsx("planeGeometry", { args: [planeSize[0], planeSize[1], planeSegments, planeSegments] }) }));
+    console.log(rotation);
+    return (_jsx("mesh", { ref: meshRef, 
+        // name={settings.meshSettings.name || 'Water'}
+        // position={position}
+        // rotation={rotation}
+        // scale={scale}
+        // visible={meshVisible ?? meshSettings.visible}
+        userData: { id: '3drise-water' }, children: _jsx("planeGeometry", { args: [planeSize[0], planeSize[1], planeSegments, planeSegments] }) }));
 };
 export default Ocean;

package/dist/components/ParticlesR3f.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParticlesR3f.d.ts","sourceRoot":"","sources":["../../src/components/ParticlesR3f.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,iBAAiB,EAA+B,MAAM,wBAAwB,CAAC;AAQ7F,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9C;AAMD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4I7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ParticlesR3f.d.ts","sourceRoot":"","sources":["../../src/components/ParticlesR3f.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,iBAAiB,EAA+B,MAAM,wBAAwB,CAAC;AAQ7F,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9C;AAMD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0J7C,CAAC;AAEF,eAAe,YAAY,CAAC"}