From ac758ce1371c375243de0e99e76518449e94be83 Mon Sep 17 00:00:00 2001
From: Madison Rickert <3495636+madisonrickert@users.noreply.github.com>
Date: Thu, 2 Apr 2026 20:10:21 -0700
Subject: [PATCH] fix: replace deprecated Clock with Timer

Port of mrdoob/three.js#32793. THREE.Clock has been deprecated in
favor of THREE.Timer, which requires an explicit update() call before
reading the delta.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/objects/Water2.js                |  7 ++++---
 src/postprocessing/EffectComposer.ts | 10 ++++++----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/objects/Water2.js b/src/objects/Water2.js
index 4eed788e..9603e618 100644
--- a/src/objects/Water2.js
+++ b/src/objects/Water2.js
@@ -1,5 +1,5 @@
 import {
-  Clock,
+  Timer,
   Color,
   Matrix4,
   Mesh,
@@ -190,7 +190,7 @@ const Water2 = /* @__PURE__ */ (() => {
       const cycle = 0.15 // a cycle of a flow map phase
       const halfCycle = cycle * 0.5
       const textureMatrix = new Matrix4()
-      const clock = new Clock()
+      const timer = new Timer()
 
       // internal components
 
@@ -278,7 +278,7 @@ const Water2 = /* @__PURE__ */ (() => {
       }
 
       function updateFlow() {
-        const delta = clock.getDelta()
+        const delta = timer.getDelta()
         const config = scope.material.uniforms['config']
 
         config.value.x += flowSpeed * delta // flowMapOffset0
@@ -299,6 +299,7 @@ const Water2 = /* @__PURE__ */ (() => {
       //
 
       this.onBeforeRender = function (renderer, scene, camera) {
+        timer.update()
         updateTextureMatrix(camera)
         updateFlow()
 
diff --git a/src/postprocessing/EffectComposer.ts b/src/postprocessing/EffectComposer.ts
index 30927665..cdf2d6f5 100644
--- a/src/postprocessing/EffectComposer.ts
+++ b/src/postprocessing/EffectComposer.ts
@@ -1,4 +1,4 @@
-import { Clock, LinearFilter, RGBAFormat, NoBlending, Vector2, WebGLRenderer, WebGLRenderTarget } from 'three'
+import { Timer, LinearFilter, RGBAFormat, NoBlending, Vector2, WebGLRenderer, WebGLRenderTarget } from 'three'
 import { CopyShader } from '../shaders/CopyShader'
 import { ShaderPass } from './ShaderPass'
 import { MaskPass, ClearMaskPass } from './MaskPass'
@@ -16,7 +16,7 @@ class EffectComposer<TRenderTarget extends WebGLRenderTarget = WebGLRenderTarget
   public renderToScreen: boolean
   public passes: Pass[] = []
   public copyPass: Pass
-  public clock: Clock
+  public timer: Timer
 
   constructor(renderer: WebGLRenderer, renderTarget?: TRenderTarget) {
     this.renderer = renderer
@@ -68,7 +68,7 @@ class EffectComposer<TRenderTarget extends WebGLRenderTarget = WebGLRenderTarget
     // @ts-ignore
     this.copyPass.material.blending = NoBlending
 
-    this.clock = new Clock()
+    this.timer = new Timer()
   }
 
   public swapBuffers(): void {
@@ -108,8 +108,10 @@ class EffectComposer<TRenderTarget extends WebGLRenderTarget = WebGLRenderTarget
   public render(deltaTime?: number): void {
     // deltaTime value is in seconds
 
+    this.timer.update()
+
     if (deltaTime === undefined) {
-      deltaTime = this.clock.getDelta()
+      deltaTime = this.timer.getDelta()
     }
 
     const currentRenderTarget = this.renderer.getRenderTarget()