HomeComputer SciencePhotography Fundamentals: Exposure, Composition and Light

📷 Photography Fundamentals: Exposure, Composition and Light

An interactive 3D exposure-triangle and lighting studio: adjust aperture, shutter speed, ISO and key-light angle on a live still-life scene and watch brightness, blur and grain respond.

Computer Science3DAdvanced60 FPS
photography-fundamentals-exposure-composition-and-light-lab ↗ Open standalone

An interactive 3D studio still-life where aperture, shutter speed, ISO and the key light's angle all drive real changes to brightness, background blur, motion trails, grain and shadow warmth.

🔬 What It Demonstrates

The exposure triangle in action: aperture trades depth of field for light, shutter speed trades motion blur for light, and ISO trades noise for brightness — with a live EV meter showing how the three combine.

🎮 How to Use

Move the aperture, shutter and ISO sliders to see the iris close, the ball's motion trail lengthen, and grain appear. Swing the light angle from golden-hour to overhead, and toggle the rule-of-thirds grid to study composition.

💡 Did You Know?

Aperture, shutter speed and ISO are measured in "stops" because each one, doubled or halved, doubles or halves the light reaching the sensor — three completely different settings can produce an identical exposure.

⚙ Under the hood

An interactive 3D exposure-triangle and lighting studio: adjust aperture, shutter speed, ISO and key-light angle on a live still-life scene and watch brightness, blur and grain respond.

3D ModelingPhotographyExposure TriangleLighting EffectsInteractive SimulationDigital ArtThree.js

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

What did you find?

Add reproduction steps (optional)