Home▸Optics & Light▸Fiber Optic Cable (2D)

Fiber Optic Cable Simulator (2D)

Interactive 2D side-view of a fiber optic cable: drag the incidence angle and the core/cladding refractive indices and watch a light ray zig-zag down the core by total internal reflection, or leak out once it drops below the critical angle.

Optics & Light2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-fiber-optic-cable ↗ Open standalone

This 2D side-view simulator sends a light ray zig-zagging down the core of an optical fiber and works out, at every bounce, whether it reflects perfectly or leaks — using the real Snell's-law critical angle θc = arcsin(n₂/n₁). Drag the incidence angle slider to change how steeply the ray strikes the core/cladding boundary, and adjust the core index n₁ and cladding index n₂ to see the critical angle shift live: keep the incidence angle above θc and the ray travels the whole core by total internal reflection with no loss, but drop it below θc — or narrow the index gap between core and cladding — and the ray punches through into the cladding, exactly the mechanism that caps how sharply a real fiber optic cable can be bent before its signal degrades.

⚙ Under the hood

A 2D side-view simulator sends a light ray zig-zagging down a fiber optic core, using real Snell's-law critical-angle physics to decide whether each bounce reflects perfectly or leaks into the cladding.

Total Internal ReflectionFiber OpticsLight TransmissionSnell's Law

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

What did you find?

Add reproduction steps (optional)