reze-engine 0.2.12 → 0.2.14

package/dist/engine.d.ts

@@ -1,5 +1,4 @@
 import { Quat, Vec3 } from "./math";
-import { PoolOptions } from "./pool";
 export type EngineOptions = {
     ambient?: number;
     bloomIntensity?: number;
@@ -76,7 +75,6 @@ export declare class Engine {
     private currentModel;
     private modelDir;
     private physics;
-    private pool;
     private materialSampler;
     private textureCache;
     private opaqueDraws;
@@ -102,6 +100,8 @@ export declare class Engine {
     private gpuMemoryMB;
     private hasAnimation;
     private playingAnimation;
+    private breathingTimeout;
+    private breathingBaseRotations;
     constructor(canvas: HTMLCanvasElement, options?: EngineOptions);
     init(): Promise<void>;
     private createPipelines;
@@ -112,20 +112,22 @@ export declare class Engine {
     private setupResize;
     private handleResize;
     private setupCamera;
-    private createCameraBindGroupLayout;
-    private createCameraBindGroup;
     private setupLighting;
     private addLight;
     private setAmbient;
     loadAnimation(url: string): Promise<void>;
-    playAnimation(): void;
+    playAnimation(options?: {
+        breathBones?: string[] | Record<string, number>;
+        breathDuration?: number;
+    }): void;
     stopAnimation(): void;
+    private stopBreathing;
+    private startBreathing;
     getStats(): EngineStats;
     runRenderLoop(callback?: () => void): void;
     stopRenderLoop(): void;
     dispose(): void;
     loadModel(path: string): Promise<void>;
-    addPool(options?: PoolOptions): Promise<void>;
     rotateBones(bones: string[], rotations: Quat[], durationMs?: number): void;
     private setupModelBuffers;
     private setupMaterials;

package/dist/engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../src/engine.ts"],"names":[],"mappings":"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"}

package/dist/engine.js

@@ -1,6 +1,5 @@
 import { Camera } from "./camera";
 import { Quat, Vec3 } from "./math";
-import { Pool } from "./pool";
 import { PmxLoader } from "./pmx-loader";
 import { Physics } from "./physics";
 import { VMDLoader } from "./vmd-loader";
@@ -27,7 +26,6 @@ export class Engine {
         this.currentModel = null;
         this.modelDir = "";
         this.physics = null;
-        this.pool = null;
         this.textureCache = new Map();
         // Draw lists
         this.opaqueDraws = [];
@@ -57,6 +55,8 @@ export class Engine {
         this.gpuMemoryMB = 0;
         this.hasAnimation = false; // Set to true when loadAnimation is called
         this.playingAnimation = false; // Set to true when playAnimation is called
+        this.breathingTimeout = null;
+        this.breathingBaseRotations = new Map();
         this.canvas = canvas;
         if (options) {
             this.ambient = options.ambient ?? 1.0;
@@ -1231,36 +1231,6 @@ export class Engine {
         this.camera.aspect = this.canvas.width / this.canvas.height;
         this.camera.attachControl(this.canvas);
     }
-    // Create camera bind group layout for pool (camera-only)
-    createCameraBindGroupLayout() {
-        return this.device.createBindGroupLayout({
-            label: "camera bind group layout",
-            entries: [
-                {
-                    binding: 0,
-                    visibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,
-                    buffer: {
-                        type: "uniform",
-                    },
-                },
-            ],
-        });
-    }
-    // Create camera bind group for pool
-    createCameraBindGroup(layout) {
-        return this.device.createBindGroup({
-            label: "camera bind group for pool",
-            layout: layout,
-            entries: [
-                {
-                    binding: 0,
-                    resource: {
-                        buffer: this.cameraUniformBuffer,
-                    },
-                },
-            ],
-        });
-    }
     // Step 5: Create lighting buffers
     setupLighting() {
         this.lightUniformBuffer = this.device.createBuffer({
@@ -1300,11 +1270,26 @@ export class Engine {
         this.animationFrames = frames;
         this.hasAnimation = true;
     }
-    playAnimation() {
+    playAnimation(options) {
         if (this.animationFrames.length === 0)
             return;
         this.stopAnimation();
+        this.stopBreathing();
         this.playingAnimation = true;
+        // Enable breathing if breathBones is provided
+        const enableBreath = options?.breathBones !== undefined && options.breathBones !== null;
+        let breathBones = [];
+        let breathRotationRanges = undefined;
+        if (enableBreath && options.breathBones) {
+            if (Array.isArray(options.breathBones)) {
+                breathBones = options.breathBones;
+            }
+            else {
+                breathBones = Object.keys(options.breathBones);
+                breathRotationRanges = options.breathBones;
+            }
+        }
+        const breathDuration = options?.breathDuration ?? 4000;
         const allBoneKeyFrames = [];
         for (const keyFrame of this.animationFrames) {
             for (const boneFrame of keyFrame.boneFrames) {
@@ -1392,6 +1377,40 @@ export class Engine {
                 }
             }
         }
+        // Setup breathing animation if enabled
+        if (enableBreath && this.currentModel) {
+            // Find the last frame time
+            let maxTime = 0;
+            for (const keyFrame of this.animationFrames) {
+                if (keyFrame.time > maxTime) {
+                    maxTime = keyFrame.time;
+                }
+            }
+            // Get last frame rotations directly from animation data for breathing bones
+            const lastFrameRotations = new Map();
+            for (const bone of breathBones) {
+                const keyFrames = boneKeyFramesByBone.get(bone);
+                if (keyFrames && keyFrames.length > 0) {
+                    // Find the rotation at the last frame time (closest keyframe <= maxTime)
+                    let lastRotation = null;
+                    for (let i = keyFrames.length - 1; i >= 0; i--) {
+                        if (keyFrames[i].time <= maxTime) {
+                            lastRotation = keyFrames[i].rotation;
+                            break;
+                        }
+                    }
+                    if (lastRotation) {
+                        lastFrameRotations.set(bone, lastRotation);
+                    }
+                }
+            }
+            // Start breathing after animation completes
+            // Use the last frame rotations directly from animation data (no need to capture from model)
+            const animationEndTime = maxTime * 1000 + 200; // Small buffer for final tweens to complete
+            this.breathingTimeout = window.setTimeout(() => {
+                this.startBreathing(breathBones, lastFrameRotations, breathRotationRanges, breathDuration);
+            }, animationEndTime);
+        }
     }
     stopAnimation() {
         for (const timeoutId of this.animationTimeouts) {
@@ -1400,6 +1419,54 @@ export class Engine {
         this.animationTimeouts = [];
         this.playingAnimation = false;
     }
+    stopBreathing() {
+        if (this.breathingTimeout !== null) {
+            clearTimeout(this.breathingTimeout);
+            this.breathingTimeout = null;
+        }
+        this.breathingBaseRotations.clear();
+    }
+    startBreathing(bones, baseRotations, rotationRanges, durationMs = 4000) {
+        if (!this.currentModel)
+            return;
+        // Store base rotations directly from last frame of animation data
+        // These are the exact rotations from the animation - use them as-is
+        for (const bone of bones) {
+            const baseRot = baseRotations.get(bone);
+            if (baseRot) {
+                this.breathingBaseRotations.set(bone, baseRot);
+            }
+        }
+        const halfCycleMs = durationMs / 2;
+        const defaultRotation = 0.02; // Default rotation range if not specified per bone
+        // Start breathing cycle - oscillate around exact base rotation (final pose)
+        // Each bone can have its own rotation range, or use default
+        const animate = (isInhale) => {
+            if (!this.currentModel)
+                return;
+            const breathingBoneNames = [];
+            const breathingQuats = [];
+            for (const bone of bones) {
+                const baseRot = this.breathingBaseRotations.get(bone);
+                if (!baseRot)
+                    continue;
+                // Get rotation range for this bone (per-bone or default)
+                const rotation = rotationRanges?.[bone] ?? defaultRotation;
+                // Oscillate around base rotation with the bone's rotation range
+                // isInhale: base * rotation, exhale: base * (-rotation)
+                const oscillationRot = Quat.fromEuler(isInhale ? rotation : -rotation, 0, 0);
+                const finalRot = baseRot.multiply(oscillationRot);
+                breathingBoneNames.push(bone);
+                breathingQuats.push(finalRot);
+            }
+            if (breathingBoneNames.length > 0) {
+                this.rotateBones(breathingBoneNames, breathingQuats, halfCycleMs);
+            }
+            this.breathingTimeout = window.setTimeout(() => animate(!isInhale), halfCycleMs);
+        };
+        // Start breathing from exhale position (closer to base) to minimize initial movement
+        animate(false);
+    }
     getStats() {
         return { ...this.stats };
     }
@@ -1424,6 +1491,7 @@ export class Engine {
     dispose() {
         this.stopRenderLoop();
         this.stopAnimation();
+        this.stopBreathing();
         if (this.camera)
             this.camera.detachControl();
         if (this.resizeObserver) {
@@ -1449,14 +1517,6 @@ export class Engine {
         this.physics = new Physics(model.getRigidbodies(), model.getJoints());
         await this.setupModelBuffers(model);
     }
-    async addPool(options) {
-        if (!this.device) {
-            throw new Error("Engine must be initialized before adding pool");
-        }
-        const cameraLayout = this.createCameraBindGroupLayout();
-        this.pool = new Pool(this.device, cameraLayout, this.cameraUniformBuffer, options);
-        await this.pool.init();
-    }
     rotateBones(bones, rotations, durationMs) {
         this.currentModel?.rotateBones(bones, rotations, durationMs);
     }
@@ -1820,11 +1880,6 @@ export class Engine {
             }
             const pass = encoder.beginRenderPass(this.renderPassDescriptor);
             this.drawCallCount = 0;
-            // Render pool first if no model
-            if (this.pool && !this.currentModel) {
-                this.pool.render(pass);
-                this.drawCallCount++;
-            }
             if (this.currentModel) {
                 pass.setVertexBuffer(0, this.vertexBuffer);
                 pass.setVertexBuffer(1, this.jointsBuffer);
@@ -1839,16 +1894,6 @@ export class Engine {
                         this.drawCallCount++;
                     }
                 }
-                // Pass 1.5: Pool (water plane) - render after opaque, before eyes
-                if (this.pool) {
-                    this.pool.render(pass, {
-                        vertexBuffer: this.vertexBuffer,
-                        jointsBuffer: this.jointsBuffer,
-                        weightsBuffer: this.weightsBuffer,
-                        indexBuffer: this.indexBuffer,
-                    });
-                    this.drawCallCount++;
-                }
                 // Pass 2: Eyes (writes stencil value for hair to test against)
                 pass.setPipeline(this.eyePipeline);
                 pass.setStencilReference(this.STENCIL_EYE_VALUE);

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export { Engine, type EngineStats } from "./engine";
 export { Vec3, Quat, Mat4 } from "./math";
-export { Pool, type PoolOptions } from "./pool";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/index.js

@@ -1,3 +1,2 @@
 export { Engine } from "./engine";
 export { Vec3, Quat, Mat4 } from "./math";
-export { Pool } from "./pool";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "reze-engine",
-    "version": "0.2.12",
+    "version": "0.2.14",
     "description": "A WebGPU-based MMD model renderer",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",

package/src/engine.ts

@@ -1,7 +1,6 @@
 import { Camera } from "./camera"
 import { Quat, Vec3 } from "./math"
 import { Model } from "./model"
-import { Pool, PoolOptions } from "./pool"
 import { PmxLoader } from "./pmx-loader"
 import { Physics } from "./physics"
 import { VMDKeyFrame, VMDLoader } from "./vmd-loader"
@@ -108,7 +107,6 @@ export class Engine {
   private currentModel: Model | null = null
   private modelDir: string = ""
   private physics: Physics | null = null
-  private pool: Pool | null = null
   private materialSampler!: GPUSampler
   private textureCache = new Map<string, GPUTexture>()
   // Draw lists
@@ -141,6 +139,8 @@ export class Engine {
   private gpuMemoryMB: number = 0
   private hasAnimation = false // Set to true when loadAnimation is called
   private playingAnimation = false // Set to true when playAnimation is called
+  private breathingTimeout: number | null = null
+  private breathingBaseRotations: Map<string, Quat> = new Map()
 
   constructor(canvas: HTMLCanvasElement, options?: EngineOptions) {
     this.canvas = canvas
@@ -1376,38 +1376,6 @@ export class Engine {
     this.camera.attachControl(this.canvas)
   }
 
-  // Create camera bind group layout for pool (camera-only)
-  private createCameraBindGroupLayout(): GPUBindGroupLayout {
-    return this.device.createBindGroupLayout({
-      label: "camera bind group layout",
-      entries: [
-        {
-          binding: 0,
-          visibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,
-          buffer: {
-            type: "uniform",
-          },
-        },
-      ],
-    })
-  }
-
-  // Create camera bind group for pool
-  private createCameraBindGroup(layout: GPUBindGroupLayout): GPUBindGroup {
-    return this.device.createBindGroup({
-      label: "camera bind group for pool",
-      layout: layout,
-      entries: [
-        {
-          binding: 0,
-          resource: {
-            buffer: this.cameraUniformBuffer,
-          },
-        },
-      ],
-    })
-  }
-
   // Step 5: Create lighting buffers
   private setupLighting() {
     this.lightUniformBuffer = this.device.createBuffer({
@@ -1454,12 +1422,32 @@ export class Engine {
     this.hasAnimation = true
   }
 
-  public playAnimation() {
+  public playAnimation(options?: {
+    breathBones?: string[] | Record<string, number> // Array of bone names or map of bone name -> rotation range
+    breathDuration?: number // Breathing cycle duration in milliseconds
+  }) {
     if (this.animationFrames.length === 0) return
 
     this.stopAnimation()
+    this.stopBreathing()
     this.playingAnimation = true
 
+    // Enable breathing if breathBones is provided
+    const enableBreath = options?.breathBones !== undefined && options.breathBones !== null
+    let breathBones: string[] = []
+    let breathRotationRanges: Record<string, number> | undefined = undefined
+
+    if (enableBreath && options.breathBones) {
+      if (Array.isArray(options.breathBones)) {
+        breathBones = options.breathBones
+      } else {
+        breathBones = Object.keys(options.breathBones)
+        breathRotationRanges = options.breathBones
+      }
+    }
+
+    const breathDuration = options?.breathDuration ?? 4000
+
     const allBoneKeyFrames: BoneKeyFrame[] = []
     for (const keyFrame of this.animationFrames) {
       for (const boneFrame of keyFrame.boneFrames) {
@@ -1563,6 +1551,43 @@ export class Engine {
         }
       }
     }
+
+    // Setup breathing animation if enabled
+    if (enableBreath && this.currentModel) {
+      // Find the last frame time
+      let maxTime = 0
+      for (const keyFrame of this.animationFrames) {
+        if (keyFrame.time > maxTime) {
+          maxTime = keyFrame.time
+        }
+      }
+
+      // Get last frame rotations directly from animation data for breathing bones
+      const lastFrameRotations = new Map<string, Quat>()
+      for (const bone of breathBones) {
+        const keyFrames = boneKeyFramesByBone.get(bone)
+        if (keyFrames && keyFrames.length > 0) {
+          // Find the rotation at the last frame time (closest keyframe <= maxTime)
+          let lastRotation: Quat | null = null
+          for (let i = keyFrames.length - 1; i >= 0; i--) {
+            if (keyFrames[i].time <= maxTime) {
+              lastRotation = keyFrames[i].rotation
+              break
+            }
+          }
+          if (lastRotation) {
+            lastFrameRotations.set(bone, lastRotation)
+          }
+        }
+      }
+
+      // Start breathing after animation completes
+      // Use the last frame rotations directly from animation data (no need to capture from model)
+      const animationEndTime = maxTime * 1000 + 200 // Small buffer for final tweens to complete
+      this.breathingTimeout = window.setTimeout(() => {
+        this.startBreathing(breathBones, lastFrameRotations, breathRotationRanges, breathDuration)
+      }, animationEndTime)
+    }
   }
 
   public stopAnimation() {
@@ -1573,6 +1598,69 @@ export class Engine {
     this.playingAnimation = false
   }
 
+  private stopBreathing() {
+    if (this.breathingTimeout !== null) {
+      clearTimeout(this.breathingTimeout)
+      this.breathingTimeout = null
+    }
+    this.breathingBaseRotations.clear()
+  }
+
+  private startBreathing(
+    bones: string[],
+    baseRotations: Map<string, Quat>,
+    rotationRanges?: Record<string, number>,
+    durationMs: number = 4000
+  ) {
+    if (!this.currentModel) return
+
+    // Store base rotations directly from last frame of animation data
+    // These are the exact rotations from the animation - use them as-is
+    for (const bone of bones) {
+      const baseRot = baseRotations.get(bone)
+      if (baseRot) {
+        this.breathingBaseRotations.set(bone, baseRot)
+      }
+    }
+
+    const halfCycleMs = durationMs / 2
+    const defaultRotation = 0.02 // Default rotation range if not specified per bone
+
+    // Start breathing cycle - oscillate around exact base rotation (final pose)
+    // Each bone can have its own rotation range, or use default
+    const animate = (isInhale: boolean) => {
+      if (!this.currentModel) return
+
+      const breathingBoneNames: string[] = []
+      const breathingQuats: Quat[] = []
+
+      for (const bone of bones) {
+        const baseRot = this.breathingBaseRotations.get(bone)
+        if (!baseRot) continue
+
+        // Get rotation range for this bone (per-bone or default)
+        const rotation = rotationRanges?.[bone] ?? defaultRotation
+
+        // Oscillate around base rotation with the bone's rotation range
+        // isInhale: base * rotation, exhale: base * (-rotation)
+        const oscillationRot = Quat.fromEuler(isInhale ? rotation : -rotation, 0, 0)
+        const finalRot = baseRot.multiply(oscillationRot)
+
+        breathingBoneNames.push(bone)
+        breathingQuats.push(finalRot)
+      }
+
+      if (breathingBoneNames.length > 0) {
+        this.rotateBones(breathingBoneNames, breathingQuats, halfCycleMs)
+      }
+
+      this.breathingTimeout = window.setTimeout(() => animate(!isInhale), halfCycleMs)
+    }
+
+    // Start breathing from exhale position (closer to base) to minimize initial movement
+    animate(false)
+  }
+
   public getStats(): EngineStats {
     return { ...this.stats }
   }
@@ -1604,6 +1692,7 @@ export class Engine {
   public dispose() {
     this.stopRenderLoop()
     this.stopAnimation()
+    this.stopBreathing()
     if (this.camera) this.camera.detachControl()
     if (this.resizeObserver) {
       this.resizeObserver.disconnect()
@@ -1631,15 +1720,6 @@ export class Engine {
     await this.setupModelBuffers(model)
   }
 
-  public async addPool(options?: PoolOptions) {
-    if (!this.device) {
-      throw new Error("Engine must be initialized before adding pool")
-    }
-    const cameraLayout = this.createCameraBindGroupLayout()
-    this.pool = new Pool(this.device, cameraLayout, this.cameraUniformBuffer, options)
-    await this.pool.init()
-  }
-
   public rotateBones(bones: string[], rotations: Quat[], durationMs?: number) {
     this.currentModel?.rotateBones(bones, rotations, durationMs)
   }
@@ -2067,12 +2147,6 @@ export class Engine {
 
       this.drawCallCount = 0
 
-      // Render pool first if no model
-      if (this.pool && !this.currentModel) {
-        this.pool.render(pass)
-        this.drawCallCount++
-      }
-
       if (this.currentModel) {
         pass.setVertexBuffer(0, this.vertexBuffer)
         pass.setVertexBuffer(1, this.jointsBuffer)
@@ -2089,17 +2163,6 @@ export class Engine {
           }
         }
 
-        // Pass 1.5: Pool (water plane) - render after opaque, before eyes
-        if (this.pool) {
-          this.pool.render(pass, {
-            vertexBuffer: this.vertexBuffer,
-            jointsBuffer: this.jointsBuffer,
-            weightsBuffer: this.weightsBuffer,
-            indexBuffer: this.indexBuffer!,
-          })
-          this.drawCallCount++
-        }
-
         // Pass 2: Eyes (writes stencil value for hair to test against)
         pass.setPipeline(this.eyePipeline)
         pass.setStencilReference(this.STENCIL_EYE_VALUE)

package/src/index.ts

@@ -1,3 +1,2 @@
 export { Engine, type EngineStats } from "./engine"
 export { Vec3, Quat, Mat4 } from "./math"
-export { Pool, type PoolOptions } from "./pool"

package/src/pool.ts

@@ -1,483 +0,0 @@
-import { Vec3 } from "./math"
-
-export interface PoolOptions {
-  y?: number // Y position (default: 12)
-  size?: number // Plane size (default: 100)
-  segments?: number // Subdivision count (default: 50)
-}
-
-export class Pool {
-  private device!: GPUDevice
-  private vertexBuffer!: GPUBuffer
-  private indexBuffer!: GPUBuffer
-  private pipeline!: GPURenderPipeline
-  private bindGroup!: GPUBindGroup
-  private bindGroupLayout!: GPUBindGroupLayout
-  private uniformBuffer!: GPUBuffer
-  private cameraBindGroupLayout!: GPUBindGroupLayout
-  private cameraBindGroup!: GPUBindGroup
-  private cameraUniformBuffer!: GPUBuffer
-  private indexCount: number = 0
-  private y: number
-  private size: number
-  private segments: number
-  private seaColor: Vec3
-  private seaLight: Vec3
-  private startTime: number = performance.now()
-
-  constructor(
-    device: GPUDevice,
-    cameraBindGroupLayout: GPUBindGroupLayout,
-    cameraUniformBuffer: GPUBuffer,
-    options?: PoolOptions
-  ) {
-    this.device = device
-    this.cameraBindGroupLayout = cameraBindGroupLayout
-    this.cameraUniformBuffer = cameraUniformBuffer
-    this.y = options?.y ?? 15
-    this.size = options?.size ?? 100
-    this.segments = options?.segments ?? 50
-    // Hardcoded dark night pool colors (not used in shader, but kept for uniform buffer)
-    this.seaColor = new Vec3(0.02, 0.05, 0.12) // Dark night pool base
-    this.seaLight = new Vec3(0.1, 0.3, 0.5) // Light cyan for lit areas
-  }
-
-  public async init() {
-    this.createGeometry()
-    this.createShader()
-    this.createUniforms()
-  }
-
-  private createGeometry() {
-    const segments = this.segments
-    const size = this.size
-    const halfSize = size / 2
-    const step = size / segments
-
-    // Generate vertices
-    const vertices: number[] = []
-    for (let i = 0; i <= segments; i++) {
-      for (let j = 0; j <= segments; j++) {
-        const x = -halfSize + j * step
-        const z = -halfSize + i * step
-        const y = this.y
-        const u = j / segments
-        const v = i / segments
-
-        // Position (x, y, z) + UV (u, v)
-        vertices.push(x, y, z, u, v)
-      }
-    }
-
-    // Generate indices
-    const indices: number[] = []
-    for (let i = 0; i < segments; i++) {
-      for (let j = 0; j < segments; j++) {
-        const topLeft = i * (segments + 1) + j
-        const topRight = topLeft + 1
-        const bottomLeft = (i + 1) * (segments + 1) + j
-        const bottomRight = bottomLeft + 1
-
-        // Two triangles per quad
-        indices.push(topLeft, bottomLeft, topRight)
-        indices.push(topRight, bottomLeft, bottomRight)
-      }
-    }
-
-    this.indexCount = indices.length
-
-    // Create buffers
-    this.vertexBuffer = this.device.createBuffer({
-      label: "pool vertices",
-      size: vertices.length * 4,
-      usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST,
-    })
-    this.device.queue.writeBuffer(this.vertexBuffer, 0, new Float32Array(vertices))
-
-    const indexBufferSize = indices.length * 4
-    this.indexBuffer = this.device.createBuffer({
-      label: "pool indices",
-      size: indexBufferSize,
-      usage: GPUBufferUsage.INDEX | GPUBufferUsage.COPY_DST,
-    })
-    this.device.queue.writeBuffer(this.indexBuffer, 0, new Uint32Array(indices))
-
-    // Verify: segments=50 should give 50*50*6 = 15000 indices = 60000 bytes
-    if (this.indexCount !== indices.length) {
-      console.warn(`Pool index count mismatch: expected ${indices.length}, got ${this.indexCount}`)
-    }
-  }
-
-  private createShader() {
-    const shaderModule = this.device.createShaderModule({
-      label: "pool shader",
-      code: /* wgsl */ `
-        struct CameraUniforms {
-          view: mat4x4f,
-          projection: mat4x4f,
-          viewPos: vec3f,
-          _padding: f32,
-        };
-
-        struct PoolUniforms {
-          time: f32,
-          poolY: f32,
-          seaColor: vec3f,
-          seaLight: vec3f,
-        };
-
-        struct VertexOutput {
-          @builtin(position) position: vec4f,
-          @location(0) worldPos: vec3f,
-          @location(1) uv: vec2f,
-        };
-
-        @group(0) @binding(0) var<uniform> camera: CameraUniforms;
-        @group(1) @binding(0) var<uniform> pool: PoolUniforms;
-
-        // Procedural noise function (simplified)
-        fn hash(p: vec2f) -> f32 {
-          var p3 = fract(vec3f(p.xyx) * vec3f(443.8975, 397.2973, 491.1871));
-          p3 += dot(p3, p3.yzx + 19.19);
-          return fract((p3.x + p3.y) * p3.z);
-        }
-
-        fn noise(p: vec2f) -> f32 {
-          let i = floor(p);
-          var f = fract(p);
-          f = f * f * (3.0 - 2.0 * f);
-          
-          let a = hash(i);
-          let b = hash(i + vec2f(1.0, 0.0));
-          let c = hash(i + vec2f(0.0, 1.0));
-          let d = hash(i + vec2f(1.0, 1.0));
-          
-          return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);
-        }
-
-        // Layered noise for water height (adapted from Shadertoy - matches reference exactly)
-        fn waterHeight(uv: vec2f, time: f32) -> f32 {
-          var e = 0.0;
-          // Match Shadertoy: time*mod(j,.789)*.1 - time*.05
-          for (var j = 1.0; j < 6.0; j += 1.0) {
-            let timeOffset = time * (j % 0.789) * 0.1 - time * 0.05;
-            let scaledUV = uv * (j * 1.789) + j * 159.45 + timeOffset;
-            e += noise(scaledUV) / j;
-          }
-          return e / 6.0;
-        }
-
-        // Calculate water normals from height gradients (matches Shadertoy reference)
-        fn waterNormals(uv: vec2f, time: f32) -> vec3f {
-          // Match Shadertoy: uv.x *= .25 (scale X differently for more wave detail)
-          let scaledUV = vec2f(uv.x * 0.25, uv.y);
-          let eps = 0.008; // Match Shadertoy epsilon
-          let h = waterHeight(scaledUV, time);
-          let hx = waterHeight(scaledUV + vec2f(eps, 0.0), time);
-          let hz = waterHeight(scaledUV + vec2f(0.0, eps), time);
-          
-          // Match Shadertoy normal calculation exactly
-          let n = vec3f(h - hx, 1.0, h - hz);
-          return normalize(n);
-        }
-
-        @vertex fn vs(
-          @location(0) position: vec3f,
-          @location(1) uv: vec2f
-        ) -> VertexOutput {
-          var output: VertexOutput;
-          
-          // Displace Y based on water height - much higher waves
-          let time = pool.time;
-          // More wave detail - smaller scale for more waves
-          // Wave direction: back-left to front-right (both U and V increase)
-          let waveUV = uv * 12.0 + vec2f(time * 0.3, time * 0.2); // Front-right direction (both positive)
-          let height = waterHeight(waveUV, time) * 2; // Much higher wave amplitude
-          let displacedY = position.y + height;
-          
-          let worldPos = vec3f(position.x, displacedY, position.z);
-          output.worldPos = worldPos;
-          output.uv = uv;
-          output.position = camera.projection * camera.view * vec4f(worldPos, 1.0);
-          
-          return output;
-        }
-
-        @fragment fn fs(input: VertexOutput) -> @location(0) vec4f {
-          let time = pool.time;
-          // More wave detail - smaller scale for more waves (matches Shadertoy approach)
-          // Wave direction: back-left to front-right (both U and V increase)
-          let uv = input.uv * 12.0 + vec2f(time * 0.3, time * 0.2); // Front-right direction (both positive)
-          
-          // Calculate water normals from height gradients (this creates the wave effect)
-          let n = waterNormals(uv, time);
-          
-          // View direction
-          let viewDir = normalize(camera.viewPos - input.worldPos);
-          
-          // Fresnel effect for reflection (stronger at glancing angles)
-          var fresnel = 1.0 - max(dot(n, viewDir), 0.0);
-          fresnel = fresnel * fresnel;
-          
-          // Dark night pool - very dark base
-          let darkPoolColor = vec3f(0.01, 0.02, 0.05); // Very dark blue-black
-          
-          // Center spotlight effect - reflection-like bright center
-          let centerUV = input.uv - vec2f(0.5, 0.5); // Center at (0.5, 0.5)
-          let distFromCenter = length(centerUV);
-          // Smaller spotlight area with very smooth, subtle gradient
-          let spotlightFalloff = 1.0 - smoothstep(0.0, 0.12, distFromCenter); // Smaller radius (0.12)
-          
-          // Reflection-like bright center - brighter, balanced blue
-          let spotlightColor = vec3f(0.2, 0.4, 0.6); // Balanced blue
-          let spotlightCenter = vec3f(0.5, 0.65, 0.85); // More white center
-          
-          // Very smooth, subtle gradient mix - multiple smoothstep layers for smoother transition
-          let falloff1 = smoothstep(0.0, 0.12, distFromCenter); // Outer edge
-          let falloff2 = smoothstep(0.0, 0.08, distFromCenter); // Inner edge
-          var color = mix(darkPoolColor, spotlightColor, (1.0 - falloff1) * 0.9); // Brighter outer gradient
-          color = mix(color, spotlightCenter, (1.0 - falloff2) * (1.0 - falloff2) * 1.0); // Very bright inner reflection
-          
-          // Add reflection-like effect based on view angle and normals
-          let reflectionFactor = max(dot(n, vec3f(0.0, 1.0, 0.0)), 0.0); // More reflection when looking down
-          let reflectionBrightness = spotlightFalloff * reflectionFactor * 0.5;
-          color += spotlightCenter * reflectionBrightness; // Add reflection-like brightness
-          
-          // Wave-based color variation (matches Shadertoy transparency approach)
-          // Match Shadertoy: transparency = dot(n, vec3(0.,.2,1.5)) * 12. + 1.5
-          var transparency = dot(n, vec3f(0.0, 0.2, 1.5));
-          transparency = (transparency * 12.0 + 1.5);
-          
-          // Match Shadertoy color mixing: mix with seaColor and seaLight (brighter, balanced blue)
-          let seaColor = vec3f(0.08, 0.18, 0.3); // Balanced blue
-          let seaLight = vec3f(0.12, 0.25, 0.45); // Balanced blue
-          // Only apply this mixing subtly to avoid green tint
-          color = mix(color, seaColor, clamp(transparency, 0.0, 1.0) * 0.3);
-          color = mix(color, seaLight, max(0.0, transparency - 1.5) * 0.2);
-          
-          // Enhanced wave-based color variation for more visible waves
-          let waveHeight = waterHeight(uv, time);
-          let waveContrast = (waveHeight - 0.5) * 0.3; // Amplify wave contrast
-          color += vec3f(0.05, 0.08, 0.15) * waveContrast * spotlightFalloff; // Balanced blue wave highlights
-          
-          // Enhanced underwater glow - white/neutral glow with subtle blue tint, much brighter
-          let glowIntensity = spotlightFalloff * 0.6 + fresnel * 0.3 + waveHeight * 0.2; // Stronger glow
-          let glowColor = vec3f(0.35, 0.35, 0.45); // Brighter glow with subtle blue tint
-          color += glowColor * glowIntensity;
-          
-          // Additional subtle white glow around the center, brighter and more white
-          let centerGlow = spotlightFalloff * spotlightFalloff * 0.4; // Soft glow falloff
-          let whiteGlow = vec3f(0.55, 0.55, 0.6); // Brighter white glow
-          color += whiteGlow * centerGlow * 0.7; // Brighter white center glow
-          
-          // Reflection of dark night sky
-          let nightSkyColor = vec3f(0.02, 0.04, 0.08); // Very dark night sky
-          let reflection = mix(darkPoolColor, nightSkyColor, fresnel * 0.2);
-          color = mix(color, reflection, fresnel * 0.3 * (1.0 - spotlightFalloff)); // Less reflection in spotlight
-          
-          // Specular highlights from underwater lights (bokeh-like bright spots)
-          let lightDir1 = normalize(vec3f(0.3, -0.4, 0.6));
-          let lightDir2 = normalize(vec3f(-0.3, -0.3, 0.7));
-          let reflDir1 = reflect(-lightDir1, n);
-          let reflDir2 = reflect(-lightDir2, n);
-          var specular1 = max(dot(viewDir, reflDir1), 0.0);
-          var specular2 = max(dot(viewDir, reflDir2), 0.0);
-          specular1 = pow(specular1, 150.0); // Tight, bright highlights
-          specular2 = pow(specular2, 180.0);
-          // Subtle white/blue highlights (bokeh effect) - darker, less blue
-          color += vec3f(0.8, 0.8, 0.9) * specular1 * 1.2 * spotlightFalloff; // Darker white
-          color += vec3f(0.4, 0.5, 0.7) * specular2 * 0.9 * spotlightFalloff; // Darker, less blue
-          
-          return vec4f(color, 0.8); // Half transparent water
-        }
-      `,
-    })
-
-    // Create bind group layout for pool uniforms
-    this.bindGroupLayout = this.device.createBindGroupLayout({
-      label: "pool bind group layout",
-      entries: [
-        {
-          binding: 0,
-          visibility: GPUShaderStage.VERTEX | GPUShaderStage.FRAGMENT,
-          buffer: {
-            type: "uniform",
-          },
-        },
-      ],
-    })
-
-    // Create render pipeline
-    this.pipeline = this.device.createRenderPipeline({
-      label: "pool pipeline",
-      layout: this.device.createPipelineLayout({
-        bindGroupLayouts: [this.cameraBindGroupLayout, this.bindGroupLayout],
-      }),
-      vertex: {
-        module: shaderModule,
-        entryPoint: "vs",
-        buffers: [
-          {
-            arrayStride: 5 * 4, // 3 floats (position) + 2 floats (uv)
-            attributes: [
-              {
-                shaderLocation: 0,
-                offset: 0,
-                format: "float32x3",
-              },
-              {
-                shaderLocation: 1,
-                offset: 3 * 4,
-                format: "float32x2",
-              },
-            ],
-          },
-        ],
-      },
-      fragment: {
-        module: shaderModule,
-        entryPoint: "fs",
-        targets: [
-          {
-            format: "bgra8unorm",
-            blend: {
-              color: {
-                srcFactor: "src-alpha",
-                dstFactor: "one-minus-src-alpha",
-              },
-              alpha: {
-                srcFactor: "one",
-                dstFactor: "one-minus-src-alpha",
-              },
-            },
-          },
-        ],
-      },
-      primitive: {
-        topology: "triangle-list",
-        cullMode: "none",
-      },
-      depthStencil: {
-        depthWriteEnabled: true,
-        depthCompare: "less-equal",
-        format: "depth24plus-stencil8",
-      },
-      multisample: {
-        count: 4,
-      },
-    })
-  }
-
-  private createUniforms() {
-    // Create uniform buffer
-    // WGSL uniform buffers require 16-byte alignment:
-    // time: f32 (4) + poolY (4) + padding (8) = 16 bytes
-    // seaColor: vec3f (12) + padding (4) = 16 bytes
-    // seaLight: vec3f (12) + padding (4) = 16 bytes
-    // Total: 48 bytes
-    this.uniformBuffer = this.device.createBuffer({
-      label: "pool uniforms",
-      size: 48,
-      usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
-    })
-
-    // Create bind group
-    this.bindGroup = this.device.createBindGroup({
-      label: "pool bind group",
-      layout: this.bindGroupLayout,
-      entries: [
-        {
-          binding: 0,
-          resource: {
-            buffer: this.uniformBuffer,
-          },
-        },
-      ],
-    })
-
-    // Create camera bind group
-    this.cameraBindGroup = this.device.createBindGroup({
-      label: "pool camera bind group",
-      layout: this.cameraBindGroupLayout,
-      entries: [
-        {
-          binding: 0,
-          resource: {
-            buffer: this.cameraUniformBuffer,
-          },
-        },
-      ],
-    })
-  }
-
-  public updateUniforms() {
-    const time = (performance.now() - this.startTime) / 1000.0
-    // WGSL uniform buffer layout (16-byte aligned):
-    // offset 0: time (f32), poolY (f32), padding (8 bytes)
-    // offset 16: seaColor (vec3f), padding (4 bytes)
-    // offset 32: seaLight (vec3f), padding (4 bytes)
-    const data = new Float32Array(12)
-    data[0] = time
-    data[1] = this.y
-    // data[2-3] = padding (unused)
-    data[4] = this.seaColor.x
-    data[5] = this.seaColor.y
-    data[6] = this.seaColor.z
-    // data[7] = padding (unused)
-    data[8] = this.seaLight.x
-    data[9] = this.seaLight.y
-    data[10] = this.seaLight.z
-    // data[11] = padding (unused)
-
-    this.device.queue.writeBuffer(this.uniformBuffer, 0, data)
-  }
-
-  public render(
-    pass: GPURenderPassEncoder,
-    restoreBuffers?: {
-      vertexBuffer: GPUBuffer
-      jointsBuffer: GPUBuffer
-      weightsBuffer: GPUBuffer
-      indexBuffer: GPUBuffer
-    }
-  ) {
-    this.updateUniforms()
-
-    // Set pool's pipeline and bind groups FIRST
-    pass.setPipeline(this.pipeline)
-    pass.setBindGroup(0, this.cameraBindGroup)
-    pass.setBindGroup(1, this.bindGroup)
-
-    // IMPORTANT: Set pool's own buffers AFTER setting pipeline
-    // Pool only needs vertex buffer 0 (position + UV), but we must keep buffers 1 and 2 set
-    // for subsequent model rendering (eyes, hair, etc.)
-    pass.setVertexBuffer(0, this.vertexBuffer)
-    // Explicitly keep model's buffers 1 and 2 set - pool pipeline doesn't use them but they must stay
-    if (restoreBuffers) {
-      pass.setVertexBuffer(1, restoreBuffers.jointsBuffer)
-      pass.setVertexBuffer(2, restoreBuffers.weightsBuffer)
-    }
-
-    // Set pool's index buffer - this MUST be set to override model's index buffer
-    pass.setIndexBuffer(this.indexBuffer, "uint32")
-
-    // Draw all pool indices starting from 0
-    // Parameters: indexCount, instanceCount, firstIndex, baseVertex, firstInstance
-    // We always draw from index 0 with all indices
-    pass.drawIndexed(this.indexCount, 1, 0, 0, 0)
-
-    // Restore model's buffers for subsequent rendering (eyes, hair, etc.)
-    // This ensures vertex buffer 0 and index buffer are restored to model's buffers
-    if (restoreBuffers) {
-      pass.setVertexBuffer(0, restoreBuffers.vertexBuffer)
-      pass.setVertexBuffer(1, restoreBuffers.jointsBuffer)
-      pass.setVertexBuffer(2, restoreBuffers.weightsBuffer)
-      pass.setIndexBuffer(restoreBuffers.indexBuffer, "uint32")
-    }
-  }
-
-  public dispose() {
-    // Buffers will be cleaned up automatically when device is lost
-    // But we could explicitly destroy them if needed
-  }
-}