HomeMaterials ScienceThin-Film Anti-Reflection Coating Simulator

Thin-Film Anti-Reflection Coating Simulator

Interactive thin-film interference simulator: tune coating thickness, refractive index, substrate and incidence angle and watch the two reflected wavefronts interfere — see the full reflectance-vs-wavelength curve shift in real time.

Materials Science3DModerate60 FPS
optical-materials ↗ Open standalone

Bare glass reflects about 4% of the light that hits it — annoying glare in a camera lens, and lost light in a solar panel. A thin transparent film deposited on the surface fixes this through interference: part of the incident wave reflects off the top of the film, part travels through and reflects off the film-substrate boundary, and the two reflected waves recombine. This simulator renders that geometry in real 3D — a coated slab, an incident beam and its two reflected components — and computes the exact Fresnel/thin-film reflectance R(λ) from the coating thickness, the coating and substrate refractive indices, and the incidence angle, plotting the full visible-spectrum curve live. Hit the quarter-wave preset to see how a single well-chosen MgF₂ layer drives reflectance at 550 nm almost to zero, exactly as it does on real camera and eyeglass lenses.

⚙ Under the hood

Tune a thin coating's thickness and refractive index and watch the two reflected wavefronts interfere in real 3D, with a live reflectance-vs-wavelength curve showing exactly why the right quarter-wave layer kills glare at a chosen color.

opticsthin-film interferenceanti-reflection coatingFresnel equationsrefractive indexmaterials science

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)