Water Shader
AI Model Eval.

Create an ultra-realistic 3D ocean / water simulation system and deliver it as a single self-contained HTML file.

The goal is to stress-test advanced AI capability in real-time 3D graphics, GLSL shader programming, physically inspired water simulation, interactive parameter control, and floating object physics.

Core Requirement:
- Build a real-time 3D water scene, not a 2D canvas ripple effect.
- The final output must be a single complete `.html` file.
- The file must run directly in a modern browser.
- Use WebGL, GLSL shaders, and/or Three.js.
- If Three.js is used, it must be loaded from a CDN inside the HTML file.
- Do not use external image assets, model files, texture files, or build tools.
- All geometry, materials, shaders, boats, sky, UI, and effects must be generated procedurally or inline.

Rendering Requirements:
- Implement a 3D water surface using a high-resolution plane mesh or procedural geometry.
- The water must use custom shader logic or shader-like material behavior.
- Include realistic water effects such as vertex displacement, multi-layer sine/Gerstner waves, wind-driven direction, dynamic amplitude, wave speed controls, surface normal calculation, specular highlights, Fresnel reflection, environment reflection approximation, depth-based water color, foam or whitecaps on steep waves, sun/light controls, and a sky gradient or procedural environment.
- The water surface must visibly behave like a 3D ocean/lake, not a flat animated texture.

i could not see the water.

enhance the overall quality

Improve the ocean/water scene so it feels significantly more realistic, cinematic, and visually rich.

The final result should look like a believable body of water rather than a flat or decorative shader. Focus on making the water feel deep, dynamic, natural, and physically convincing from multiple viewing angles. The surface should have layered motion, subtle variation, convincing highlights, realistic color depth, and a strong sense of scale. Avoid repetitive patterns, plastic-looking shine, overly uniform color, and artificial movement.

Make the lighting, reflections, wave behavior, foam, horizon, and overall composition work together as a polished real-time ocean rendering demo. The goal is not just to add more effects, but to make the water feel alive, immersive, and high quality.

Return the improved result as a complete, self-contained single HTML file that can run directly in the browser.

deepseek_html_20260501_d05add.html:1347 Uncaught ReferenceError: debugSelect is not defined at deepseek_html_20260501_d05add.html:1347:9

The error occurs because `debugSelect` is used in `cycleDebugView()` but was never declared. Fix the standalone HTML so the debug selector is defined and the demo runs directly in the browser.

Codex CLI GPT-5.5 xhigh was tested as one queued-message run in ~/Desktop/codexwater:

1. P0 original benchmark prompt
2. P2 enhance the overall quality
3. P3 final cinematic water prompt

The archived result is the final HTML emitted after that queued chain, not three separately inspected intermediate HTML files.