@tresjs/cientos 5.5.0 → 5.6.0

package/dist/trescientos.js

@@ -1,14 +1,14 @@
 /**
   * name: @tresjs/cientos
-  * version: v5.5.0
+  * version: v5.6.0
   * (c) 2026
   * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
 import { Fragment, Suspense, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, isReactive, isRef, mergeDefaults, mergeProps, nextTick, normalizeProps, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, render, renderList, renderSlot, shallowReactive, shallowRef, toRaw, toRefs, toValue, triggerRef, unref, useAttrs, useSlots, watch, watchEffect, withAsyncContext, withCtx } from "vue";
-import { buildGraph, extend, isObject3D, logError, logWarning, normalizeColor, normalizeVectorFlexibleParam, useLoader, useLoop, useTres, useTresContext } from "@tresjs/core";
+import { buildGraph, createTimer, extend, isObject3D, logError, logWarning, normalizeColor, normalizeVectorFlexibleParam, useLoader, useLoop, useTres, useTresContext } from "@tresjs/core";
 import * as THREE from "three";
-import { AdditiveBlending, AlwaysStencilFunc, AnimationMixer, Audio, AudioListener, AudioLoader, BackSide, Box2, Box3, BoxGeometry, BufferAttribute, BufferGeometry, Camera, CatmullRomCurve3, ClampToEdgeWrapping, Color, CubeCamera, CubeReflectionMapping, CubeTextureLoader, CubicBezierCurve3, DataTexture, DefaultLoadingManager, DepthTexture, DirectionalLight, DoubleSide, EdgesGeometry, EqualStencilFunc, EquirectangularReflectionMapping, Euler, FloatType, FramebufferTexture, FrontSide, Group, HalfFloatType, IcosahedronGeometry, InstancedMesh, InterleavedBuffer, InterleavedBufferAttribute, KeepStencilOp, LOD, LinearFilter, MOUSE, MathUtils, Matrix4, Mesh, MeshBasicMaterial, MeshDepthMaterial, MeshLambertMaterial, MeshStandardMaterial, NearestFilter, NoBlending, NotEqualStencilFunc, Object3D, OrthographicCamera, PerspectiveCamera, Plane, PlaneGeometry, Points, PointsMaterial, QuadraticBezierCurve3, Quaternion, REVISION, RGBAFormat, RawShaderMaterial, Raycaster, RepeatWrapping, ReplaceStencilOp, Scene, ShaderChunk, ShaderMaterial, ShapeGeometry, SkinnedMesh, Sphere, Spherical, TOUCH, TangentSpaceNormalMap, Texture, TextureLoader, Timer, UVMapping, Uniform, UniformsUtils, UnsignedByteType, Vector2, Vector3, Vector4, VideoTexture, WebGLCubeRenderTarget, WebGLRenderTarget, WebGLRenderer } from "three";
+import { AdditiveBlending, AlwaysStencilFunc, AnimationMixer, Audio, AudioListener, AudioLoader, BackSide, Box2, Box3, BoxGeometry, BufferAttribute, BufferGeometry, Camera, CatmullRomCurve3, ClampToEdgeWrapping, Color, CubeCamera, CubeReflectionMapping, CubeTextureLoader, CubicBezierCurve3, DataTexture, DefaultLoadingManager, DepthTexture, DirectionalLight, DoubleSide, EdgesGeometry, EqualStencilFunc, EquirectangularReflectionMapping, Euler, FloatType, FramebufferTexture, FrontSide, Group, HalfFloatType, IcosahedronGeometry, InstancedMesh, InterleavedBuffer, InterleavedBufferAttribute, KeepStencilOp, LOD, LinearFilter, MOUSE, MathUtils, Matrix4, Mesh, MeshBasicMaterial, MeshDepthMaterial, MeshLambertMaterial, MeshStandardMaterial, NearestFilter, NoBlending, NotEqualStencilFunc, Object3D, OrthographicCamera, PerspectiveCamera, Plane, PlaneGeometry, Points, PointsMaterial, QuadraticBezierCurve3, Quaternion, REVISION, RGBAFormat, RawShaderMaterial, Raycaster, RepeatWrapping, ReplaceStencilOp, Scene, ShaderChunk, ShaderMaterial, ShapeGeometry, SkinnedMesh, Sphere, Spherical, TOUCH, TangentSpaceNormalMap, Texture, TextureLoader, UVMapping, Uniform, UniformsUtils, UnsignedByteType, Vector2, Vector3, Vector4, VideoTexture, WebGLCubeRenderTarget, WebGLRenderTarget, WebGLRenderer } from "three";
 import { tryOnScopeDispose, useDebounceFn, useElementSize, useEventListener, useMagicKeys, useMouse, useScroll, useWindowScroll, useWindowSize, watchThrottled, whenever } from "@vueuse/core";
 import { DRACOLoader, FBXLoader, FontLoader, GLTFExporter, GLTFLoader, HorizontalBlurShader, Line2, LineGeometry, LineMaterial, MapControls, MarchingCubes, MeshSurfaceSampler, OrbitControls, PointerLockControls, PositionalAudioHelper, RGBELoader, Reflector, RoundedBoxGeometry, SVGLoader, SimplexNoise, Sky, TextGeometry, TransformControls, VerticalBlurShader, Water, toCreasedNormals } from "three-stdlib";
 import BaseCameraControls, { default as CameraControls } from "camera-controls";
@@ -5417,8 +5417,8 @@ var HolographicMaterial = class extends ShaderMaterial {
 			blinkFresnelOnly: new Uniform(parameters.blinkFresnelOnly !== void 0 ? parameters.blinkFresnelOnly : true),
 			hologramOpacity: new Uniform(parameters.hologramOpacity !== void 0 ? parameters.hologramOpacity : 1)
 		};
-		this.clock = new Timer();
-		if (typeof document !== "undefined") this.clock.connect(document);
+		this.clock = createTimer();
+		this.clock.start();
 		this.setValues(parameters);
 		this.depthTest = parameters.depthTest !== void 0 ? parameters.depthTest : false;
 		this.blending = parameters.blendMode !== void 0 ? parameters.blendMode : AdditiveBlending;
@@ -10440,15 +10440,41 @@ var Ocean_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: null,
 			required: false,
 			default: FrontSide
+		},
+		speed: {
+			type: Number,
+			required: false,
+			default: 1
 		}
 	},
 	setup(__props, { expose: __expose }) {
-		const { textureWidth, textureHeight, waterNormals, sunDirection, sunColor, waterColor, distortionScale, size, clipBias, alpha, side } = toRefs(__props);
+		const props = __props;
+		const { waterNormals, sunColor, waterColor, distortionScale, size, alpha, speed } = toRefs(props);
 		const { extend: extend$1, scene } = useTresContext();
 		extend$1({ Water });
 		const waterRef = shallowRef();
 		const sunRef = shallowRef();
 		const _fog = scene.value.fog !== void 0;
+		function changeSunColor(val) {
+			if (waterRef.value) waterRef.value.material.uniforms.sunColor.value.set(val);
+		}
+		function changeWaterColor(val) {
+			if (waterRef.value) waterRef.value.material.uniforms.waterColor.value.set(val);
+		}
+		function changeDistortionScale(val) {
+			if (waterRef.value) waterRef.value.material.uniforms.distortionScale.value = val;
+		}
+		function changeSize(val) {
+			if (waterRef.value) waterRef.value.material.uniforms.size.value = val;
+		}
+		function changeAlpha(val) {
+			if (waterRef.value) waterRef.value.material.uniforms.alpha.value = val;
+		}
+		watch(sunColor, changeSunColor);
+		watch(waterColor, changeWaterColor);
+		watch(distortionScale, changeDistortionScale);
+		watch(size, changeSize);
+		watch(alpha, changeAlpha);
 		__expose({ instance: waterRef });
 		scene.value.traverse((child) => {
 			if (Object.prototype.hasOwnProperty.call(child, "isSky")) sunRef.value = child;
@@ -10462,29 +10488,30 @@ var Ocean_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		});
 		const normalMap = new TextureLoader().load(waterNormals.value);
 		normalMap.wrapS = normalMap.wrapT = RepeatWrapping;
+		const initialParams = {
+			textureWidth: props.textureWidth,
+			textureHeight: props.textureHeight,
+			waterNormals: normalMap,
+			sunDirection: props.sunDirection,
+			sunColor: props.sunColor,
+			waterColor: props.waterColor,
+			distortionScale: props.distortionScale,
+			fog: _fog,
+			size: props.size,
+			clipBias: props.clipBias,
+			alpha: props.alpha,
+			side: props.side
+		};
 		const { onBeforeRender } = useLoop();
 		onBeforeRender(({ delta }) => {
-			if (waterRef.value) waterRef.value.material.uniforms.time.value += delta;
+			if (waterRef.value) waterRef.value.material.uniforms.time.value += delta * speed.value;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("TresWater", {
 				ref_key: "waterRef",
 				ref: waterRef,
 				"rotation-x": -Math.PI / 2,
-				args: [void 0, {
-					textureWidth: unref(textureWidth),
-					textureHeight: unref(textureHeight),
-					waterNormals: unref(normalMap),
-					sunDirection: unref(sunDirection),
-					sunColor: unref(sunColor),
-					waterColor: unref(waterColor),
-					distortionScale: unref(distortionScale),
-					fog: _fog,
-					size: unref(size),
-					clipBias: unref(clipBias),
-					alpha: unref(alpha),
-					side: unref(side)
-				}]
+				args: [void 0, initialParams]
 			}, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("TresPlaneGeometry", { args: [1e4, 1e4] }, null, -1))])], 8, _hoisted_1$8);
 		};
 	}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/cientos",
   "type": "module",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "Collection of useful helpers and fully functional, ready-made abstractions for Tres",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@tresjs/core": "5.6.0",
+    "@tresjs/core": "5.7.0",
     "three": ">=0.133",
     "vue": ">=3.5.17"
   },
@@ -72,7 +72,7 @@
     "vite-plugin-glsl": "^1.5.1",
     "vite-svg-loader": "^5.1.0",
     "vue-tsc": "^3.2.1",
-    "@tresjs/core": "5.6.0",
+    "@tresjs/core": "5.7.0",
     "@tresjs/eslint-config": "1.5.1"
   },
   "nx": {