Home▸Optics & Light▸Total Internal Reflection — Snell's Law Ray Diagram (2D)

🔬 Total Internal Reflection — Snell's Law Ray Diagram (2D)

Interactive 2D ray-diagram simulation of refraction and total internal reflection. Drag the incidence angle, pick n1/n2 materials (air, water, glass, diamond) and watch Snell's law compute the refracted ray, critical angle and Fresnel reflectance in real time.

Optics & Light2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

A 2D ray-diagram simulation of refraction and total internal reflection at a flat interface between two media. Drag the incidence angle or use the sliders to change n1/n2 (air, water, glass, diamond presets) and watch Snell's law compute the refracted ray, the critical angle, and the Fresnel reflectance live.

opticsrefractionsnells-lawcritical-anglefresnel2D

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