Home▸Networks & Graph Theory▸Macro Photography Depth of Field: 2D Ray Diagram

📷 Macro Photography Depth of Field: 2D Ray Diagram

Interactive 2D thin-lens diagram of macro photography: drag a chain of beads or the lens to refocus and see the depth-of-field slab, per-bead blur discs, diffraction limit and sensor image update live from the exact hyperfocal formulas.

Networks & Graph Theory2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryNetworks & Graph Theory

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsSliders for focal length, aperture, magnification, bead spacing, subject offset and focus-rack speed, a sensor-size selector (circle of confusion), six scenarios; drag the beads or the lens along the optical axis, with a live blur-versus-offset graph.

macro photographydepth of fieldthin lensdiffractioncircle of confusionoptics

Related simulations

Force-Directed GraphFruchterman-Reingold spring layout for Erdős-Rényi, Barabási-Albert and Watts-Strogatz…

Minimum Spanning TreeStep-by-step animation of Kruskal's and Prim's MST algorithms on a weighted graph. Toggle…

Network ResilienceBarabási–Albert scale-free and Erdős–Rényi random networks under targeted hub attack vs… ⊞ All 183 in Networks & Graph Theory →

⚙ Under the hood

macro photographydepth of fieldthin lensdiffractioncircle of confusionoptics

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