Home▸Optics & Light▸Huygens' Principle — 2D Wavelet Diffraction (2D)

🌊 Huygens' Principle — 2D Wavelet Diffraction (2D)

A 2D Canvas simulation of Huygens' principle: every point on a wavefront emits a secondary circular wavelet, and their live interference sum reconstructs diffraction through single/double slits, around an obstacle, and as a plane wave. Adjust wavelength, slit width and wavelet density.

Optics & Light2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-huygens ↗ Open standalone
⚙ Under the hood

Every point on a wave front becomes a source of a new circular wavelet, and this 2D Canvas simulation sums those wavelets live to reconstruct the propagating wave. Switch between a plane wave, single slit, double slit, and obstacle to watch diffraction and interference emerge from wavelet interference rather than being drawn directly. Adjust wavelength, slit width, and wavelet density to see how the pattern responds.

opticswavesdiffractioninterferencehuygens-principle2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)