Skip to content
edge

Realistic 3D Water

Add a lifelike ocean with waves and foam to a 3D scene.

Meng Toexample run
Three-masted ship with lit lanterns sailing a rolling ocean at sunset, sun glitter on the waves, a foam wake, and a control panel for footprint fade, normals, sea state and camera.

Add an open ocean to my Three.js scene: sun glitter, foam and a ship's wake.

Used Edge: Realistic 3D Water

Waves that stay sharp to the horizon without shimmering.

Sky reflection, sun glitter and foam in a reusable ocean module.

What it does

  • Rolling waves
  • Sun glitter
  • Foam
  • A ship's wake
  • A reusable module
  • Cost checked

Why Meng To

Founder of Design+Code. Each fact links its public source.

  • Founded Design+Code

    He founded Design+Code, teaching designers to code and developers to design.

    mengto.com
  • Builds design tools Aura and DreamCut

    He builds Aura and DreamCut alongside his Design+Code courses.

    mengto.com
  • 7k+ GitHub stars on his skills

    His agent skills repo for designers and builders has 7k+ GitHub stars.

    GitHub

Public sources, checked Oct 26, 2026.

How it works

  1. 1
    Reuse

    Starts from the working ocean module.

  2. 2
    Shade

    Shades waves per pixel.

  3. 3
    Verify

    Checks the horizon and the frame cost.

Add an open ocean to my Three.js scene: sun glitter, foam and a ship's wake.

Used Edge: Realistic 3D Water

Waves that stay sharp to the horizon without shimmering.

demo/index.html1280 × 720 · 7 camera shots

The image is Meng To's own demo from the skill's demo folder.

Give your agent Realistic 3D Water.

Free. No Edge account.

Use Realistic 3D Water with Edge

Claude app

Add to Claude

Opens claude.ai in your browser. Add it once, and Edge is in the Claude desktop and phone apps too.
Then click Continue Add Connect and open a new chat.

Already added? Open a new chat in Claude.

ChatGPT

Add to ChatGPT

Opens the Edge plugin in ChatGPT. Click Install plugin, then start a new chat.

Claude Code or Codex

Free · No Edge accountOther agents