@ntalmagor/3drize-viewer 0.1.24 → 0.1.26

package/dist/components/Moon.js

@@ -1,18 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useCallback } from 'react';
+import { useRef, useEffect, useState, useCallback } from 'react';
 import * as THREE from 'three';
 import { useFrame } from '@react-three/fiber';
-import { useTexture } from '@react-three/drei';
 export { defaultMoonSettings } from '@ntalmagor/3drize-core';
-const MOON_TEXTURE_URL = 'https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/06a094a4-7bd7-4bb9-b998-6c1e17f66c08/dbcju0k-b9b333e1-dd8d-4657-90db-7d3e7e179843.png';
+const MOON_TEXTURE_URL = "https://3d-rise.sfo3.cdn.digitaloceanspaces.com/app/images/moon_1024.jpg";
 const Moon = ({ settings, sunPosition, onMeshReady }) => {
     const meshRef = useRef(null);
     const lightRef = useRef(null);
     const targetRef = useRef(null);
-    const texture = useTexture(MOON_TEXTURE_URL);
+    const [texture, setTexture] = useState(null);
+    useEffect(() => {
+        const loader = new THREE.TextureLoader();
+        loader.setCrossOrigin('anonymous');
+        let cancelled = false;
+        loader.load(MOON_TEXTURE_URL, (loaded) => {
+            console.log("Moon texture loaded:", loaded);
+            if (!cancelled)
+                setTexture(loaded);
+        }, undefined, () => {
+            // Silently ignore — moon renders as a plain lit sphere if the texture fails.
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
     const s = settings ?? {
         visible: true,
-        position: [0, 5, 0],
+        position: [0, 0, 0],
         scale: 3,
         rotation: [0, 0, 0.5],
         emissiveIntensity: 0.3,
@@ -46,7 +60,7 @@ const Moon = ({ settings, sunPosition, onMeshReady }) => {
         }
     });
     const moonPos = sunPosition ?? s.position;
-    return (_jsxs("group", { userData: { id: '3drise-moon' }, children: [_jsx("object3D", { ref: targetRef, position: moonPos }), _jsx("directionalLight", { ref: lightRef, intensity: 2, color: 0xffffff, target: targetRef.current ?? undefined }), _jsxs("mesh", { ref: handleMeshRef, position: moonPos, rotation: s.rotation, scale: s.scale, visible: s.visible, children: [_jsx("sphereGeometry", { args: [10, 22, 22] }), _jsx("meshPhongMaterial", { color: 0xb2b2b2, normalMap: texture, shininess: 0 })] })] }));
+    return (_jsxs("group", { userData: { id: '3drise-moon' }, children: [_jsx("object3D", { ref: targetRef, position: moonPos }), _jsx("directionalLight", { ref: lightRef, intensity: 2, color: 0xffffff, target: targetRef.current ?? undefined }), _jsxs("mesh", { ref: handleMeshRef, position: moonPos, rotation: s.rotation, scale: s.scale, visible: s.visible, children: [_jsx("sphereGeometry", { args: [1, 32, 32] }), _jsx("meshPhongMaterial", { color: 0xb2b2b2, normalMap: texture, shininess: 0 })] })] }));
 };
 Moon.displayName = 'Moon';
 export default Moon;

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,EAAuD,MAAM,wBAAwB,CAAC;AAEjN,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAqBrD,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;AA4DF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2KzC,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,10 +11,36 @@ 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";
+import Bubbles from "./Bubbles.js";
+import Glyphs from "./Glyphs.js";
+import SparklesBurst from "./SparklesBurst.js";
+// Types whose React component instantiates and drives its own ShaderMaterial.
+// useMaterialApplication would otherwise traverse the mesh tree and replace
+// that material with a registry-default instance, breaking config-driven
+// uniform updates (e.g. only ringRadius worked on glyphs because that drives
+// geometry, not the material).
+const SELF_MANAGED_MATERIAL = new Set([
+    'bubbles',
+    'glyphs',
+    'sparklesBurst',
+    // 'moon'
+]);
+// 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));
+    const selfManagedMaterial = SELF_MANAGED_MATERIAL.has(createdObject.type);
+    return (_jsxs(CreatedObject, { createdObject: createdObject, onObjectReady: onObjectReady, handleObjectClick: handleObjectClick, shouldApply3driseMaterial: !isGroup && !selfManagedMaterial, children: [!isGroup && renderObject(createdObject, handleObjectClick), children.map(childNode => (_jsx(ObjectNode, { node: childNode, cameraSettings: cameraSettings, handleObjectClick: handleObjectClick, onObjectReady: onObjectReady }, childNode.objectId)))] }, createdObject.id));
 };
 const ObjectNode = ({ node, cameraSettings, onObjectReady, handleObjectClick }) => {
     const { children, createdObject } = node;
@@ -22,8 +48,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 +63,26 @@ 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 }, obj.id)),
+        grid: (obj, cameraSettings, onObjectReady) => (_jsx(GridHelper, { ...obj.config, side: 2 })),
         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 })),
+        bubbles: (obj, cameraSettings, onObjectReady) => (_jsx(Bubbles, { settings: obj })),
+        glyphs: (obj, cameraSettings, onObjectReady) => (_jsx(Glyphs, { settings: obj })),
+        sparklesBurst: (obj, cameraSettings, onObjectReady) => (_jsx(SparklesBurst, { settings: obj })),
     }), [handleObjectClick]);
     if (!createdObject) {
         console.warn(`createdObject not found.`);
@@ -59,14 +92,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, shouldApply3driseMaterial: !SELF_MANAGED_MATERIAL.has(createdObject.type), 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"}

package/dist/components/ParticlesR3f.js

@@ -50,6 +50,21 @@ const ParticlesR3f = ({ particlesSettings, duration = 1, transitionSettings, })
             loadTexture(texture);
         }
     }, [texture, loadTexture]);
+    useEffect(() => {
+        const points = pointsRef.current;
+        if (!points)
+            return;
+        const applyTexture = (url) => {
+            if (!url)
+                return;
+            textureProgress.current = 0;
+            loadTexture(url);
+        };
+        points.userData.applyTexture = applyTexture;
+        return () => {
+            delete points.userData.applyTexture;
+        };
+    }, [loadTexture, textureProgress]);
     const speed = 1 / duration;
     const activeEffects = useMemo(() => normalizeEffects(particlesSettings.animations?.material?.shaderEffects), [particlesSettings.animations?.material?.shaderEffects]);
     const pointerRadius = particlesSettings.animations?.material

package/dist/components/PathRenderer.d.ts

@@ -6,8 +6,6 @@ export interface PathRendererProps {
     showPoints?: boolean;
     showLine?: boolean;
     showCurve?: boolean;
-    pointSize?: number;
-    lineWidth?: number;
 }
 declare const PathRenderer: React.FC<PathRendererProps>;
 export default PathRenderer;

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

@@ -1 +1 @@
-{"version":3,"file":"PathRenderer.d.ts","sourceRoot":"","sources":["../../src/components/PathRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,UAAU,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PathRenderer.d.ts","sourceRoot":"","sources":["../../src/components/PathRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,wBAAwB,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,UAAU,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/PathRenderer.js

@@ -3,7 +3,10 @@ import { useMemo } from 'react';
 import { Sphere, Line } from '@react-three/drei';
 import { smoothPathCorners, createPathSpline, sampleSplinePoints } from '@ntalmagor/3drize-core';
 import PathGeometry from './PathGeometry.js';
-const PathRenderer = ({ pathSettings, color = '#ffa500', showPoints = true, showLine = true, showCurve = true, pointSize = 0.15, lineWidth = 2, }) => {
+const PathRenderer = ({ pathSettings, color = '#ffa500', showPoints = true, showLine = true, showCurve = true, }) => {
+    console.log("Rendering Path with settings:", pathSettings);
+    const pointSize = pathSettings.pointSize ?? 0.1;
+    const lineWidth = pathSettings.lineWidth ?? 2;
     const points = pathSettings?.points || [];
     const curve = pathSettings?.curve ?? 1;
     const smoothCorners = pathSettings?.smoothCorners ?? 0;

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectLoader.d.ts","sourceRoot":"","sources":["../../src/components/ProjectLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAAwB,MAAM,wBAAwB,CAAC;AAG7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,KAAK,YAAY,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8GzC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ProjectLoader.d.ts","sourceRoot":"","sources":["../../src/components/ProjectLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAQ,EAAE,KAAK,qBAAqB,EAAkB,KAAK,WAAW,EAAwB,MAAM,wBAAwB,CAAC;AAG7H,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,KAAK,YAAY,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwGzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ProjectLoader.js

@@ -61,13 +61,7 @@ const ProjectLoader = ({ projectId, onObjectClick, onObjectHover, onElementClick
             catch (assetError) {
                 console.error('[useLoadProject] Failed to load model assets, continuing with project load:', assetError);
             }
-            const meshes = meshObjects.map(obj => {
-                return {
-                    ...obj.userData,
-                    id: obj.id,
-                };
-            });
-            meshController.createMeshes(meshes);
+            meshController.createObjects(meshObjects);
             console.log("PROJECT LOAD COMPLETE");
             setProject(responseData);
         }

package/dist/components/Rain.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Rain.d.ts","sourceRoot":"","sources":["../../src/components/Rain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAK3D,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2I7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Rain.d.ts","sourceRoot":"","sources":["../../src/components/Rain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAEV,qBAAqB,EAMtB,MAAM,wBAAwB,CAAC;AAmBhC,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AA+ED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0N7B,CAAC;AAEF,eAAe,IAAI,CAAC"}