Wave visualizer — 3D radial ripple surface

Wave visualizer

Built to help me learn the idea of waves the way it comes up in physics class—here as a surface you can orbit, zoom, and tune.

PhysicsThree.jsViteWebGL

I put this together while working through how waves behave on paper—things like phase, wavelength, and how a disturbance propagates. Seeing it as a 3D radial ripple (height from a sine in phase, with optional falloff toward the edges) made the classroom picture click: the surface is the wavefront, and you can turn on a wireframe, a particle trace, or a radial ray to connect the math to what you are looking at—all in the browser with Vite and Three.js.

Explore the project

Live demo

Full-screen interactive canvas: tweak amplitude, wavenumber, frequency, and more.

Open demo

Source code

Vite + Three.js source for the wave surface, overlays, and UI panel.

Open on GitHub

README

Project layout, controls, and local run instructions on GitHub.

View on GitHub