Home▸Optics & Light▸Thin-Film Interference: Soap Bubble & Oil Slick (2D)

🌈 Thin-Film Interference: Soap Bubble & Oil Slick (2D)

Canvas2D thin-film interference simulator. Adjust film thickness, viewing angle and refractive index to see how soap-bubble and oil-slick colours shift, computed pixel-by-pixel from the real path-difference formula 2*n*d*cos(theta).

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

⚙ Under the hood

Interactive Canvas2D thin-film interference simulator. Adjust film thickness, viewing angle and refractive index to see how soap-bubble and oil-slick colours shift, computed pixel-by-pixel from the real path-difference formula 2·n·d·cosθ.

OpticsInterferenceWave PhysicsIridescenceCanvas 2D

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