fix: update ocean wave configuration for improved rendering and visual appeal

Author: brylie

src/animations/oceanWaves.test.ts

@@ -13,12 +13,12 @@ import {
 describe('DEFAULT_OCEAN_CONFIG', () => {
   test('has expected structure and values', () => {
     expect(DEFAULT_OCEAN_CONFIG).toEqual({
-      layers: 10,
+      layers: 12,
       noiseScale: 0.003,
       amplitude: 80,
       waveSpeed: 0.008,
       foamThreshold: 0.7,
-      perspective: 0.08,
+      perspective: 0.06,
     });
   });
 

src/animations/oceanWaves.ts

@@ -154,12 +154,12 @@ export interface FoamParticle {
  * Balanced for visual appeal with moderate wave motion
  */
 export const DEFAULT_OCEAN_CONFIG: OceanWaveConfig = {
-  layers: 10,
+  layers: 12,
   noiseScale: 0.003,
   amplitude: 80,
   waveSpeed: 0.008,
   foamThreshold: 0.7,
-  perspective: 0.08,
+  perspective: 0.06,
 };
 
 /**

src/components/apps/OceanWaves.svelte

@@ -30,8 +30,8 @@
   // Wave layer positioning (proportional to canvas size)
   const LAYER_DEPTH_START = -200; // Starting z position for farthest layer
   const LAYER_DEPTH_SPACING = 100; // Z-distance between layers
-  const VIEWER_ALTITUDE = 0.8; // Horizon altitude (0 = top of canvas, 1 = bottom, 0.8 = bottom 1/5th)
-  const WAVE_EXTENT = 0.15; // Vertical span of wave layers (proportion of height)
+  const VIEWER_ALTITUDE = 0.55; // Horizon altitude (0 = top of canvas, 1 = bottom, 0.55 = middle)
+  const WAVE_EXTENT = 0.4; // Vertical span of wave layers (proportion of height)
 
   // Wave rendering quality
   const WAVE_RESOLUTION = 120; // Number of points per wave (higher = smoother)