What problem does it solve? Rendering convincing open-ocean water in Three.js is hard: distant waves alias into moiré, glitter smears across mesh facets, and the horizon shows a hard line against the sky. This Skill provides a production-tested ocean module extracted from a shipped scene, with every constant and failure mode documented. ## Core Features & Use Cases - Per-pixel Gerstner shading: 8 deep-water waves shaded from analytic derivatives, with each wave faded at its own pixel footprint to stop far-field aliasing. - Full water stack: Fresnel sky-cube and planar reflections, subsurface light through crests, HDR sun glitter for bloom, Jacobian lace foam, a Kelvin wake, hull foam, and buoyancy queries. - Reusable module and demo: Copy assets/ocean.mjs into any Three.js r150+ WebGL2 project; the demo runs the same module in the original Pirate Ship Sunset scene. - Use Case: Add a rolling sunset sea with a sailing ship, sun glitter path, and spreading wake to a 3D scene with a moving camera and a water horizon. ## Quick Start Ask your agent to use the 3d-ultra-realistic-water skill to add an open ocean with per-pixel Gerstner shading, Fresnel sky reflection, and Jacobian foam to your Three.js scene.
