Home▸Colours & Light▸Photography Commercial Photography Simulation

Product Photography Lighting Studio

Interactive commercial-photography lighting simulator: light a glass bottle and a metal jar on a 3D studio sweep with a real softbox, adjust its size, distance, key angle and fill ratio, and watch shadow softness, illuminance and lighting ratio respond exactly as they do on a real set.

Colours & Light2DModerate60 FPS📱 Mobile-adapted
photography-commercial-photography-simulation ↗ Open standalone

This simulator recreates a commercial product shoot — a glass bottle and a brushed-metal jar on a seamless studio sweep, lit by a real softbox key light, a fill light and an optional rim light. Every control maps to a real photographic quantity: softbox width and distance combine into the light's angular size, which sets whether the cast shadow is hard or soft exactly as the inverse-square and angular-size laws predict; the key-angle slider reproduces the classic lighting patterns advertising photographers name and choose deliberately (butterfly, loop, Rembrandt, split); and the fill slider sets the lighting ratio in stops, the number every product photographer uses to describe how much contrast is in a shot. Watch the live readouts and the rendered shadows change together as you adjust each control.

⚙ Under the hood

This simulation demonstrates the principles of commercial photography. It focuses on techniques used in advertising and marketing to create visually compelling images for product promotion.

Commercial Photography

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

What did you find?

Add reproduction steps (optional)