Home▸Optics & Light▸Diffraction Grating: Huygens Wavelets & Far-Field Spectrum (2D)

Diffraction Grating: Huygens Wavelets & Far-Field Spectrum (2D)

2D diffraction-grating lab: an animated Huygens wavelet field from coherent slits shows interference fringes build in real time, paired with an exact N-slit array-factor intensity plot and live resolving-power, order-angle and free-spectral-range readouts.

Optics & Light2DModerate60 FPS⇄ 3D version
2d-diffraction-grating ↗ Open standalone

This 2D companion builds the same N-slit grating physics as the 3D version from the ground up rather than from a single closed-form shader: an animated Huygens wavelet field sums coherent spherical waves from every visible slit opening pixel by pixel, so the constructive and destructive interference fringes visibly grow out of overlapping ripples in real time, while an exact array-factor curve plots the far-field intensity for the true slit count, spacing, width and incident angle you set — with live resolving power, principal-maximum angles and free-spectral-range readouts updating alongside it.

⚙ Under the hood

2D diffraction-grating lab with an animated Huygens wavelet field and an exact N-slit array-factor far-field intensity plot, plus live resolving-power and order-angle readouts.

diffraction gratinghuygens principleinterferencearray factorresolving powerspectroscopy

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