Home▸Build & Play▸Film Directing Simulation

🧪 Film Directing Simulation

Direct a scene in 3D: set camera distance, angle and lens focal length, block the actor's mark, and watch a live rule-of-thirds composition score, shot-size classification and lighting contrast ratio update in real time.

Build & Play2DModerate60 FPS📱 Mobile-adapted
film-directing-simulation ↗ Open standalone

Step into the director's chair and make the same measurable decisions a real cinematographer makes on set: where to place the camera, how high or low to angle it, which lens to mount, and where the actor should stand. This simulator renders a 3D sound stage with a blocked actor and lets you drive camera distance, angle and focal length, plus key and fill light intensity, while live readouts compute the resulting field of view (from the real 24mm-sensor focal-length formula), frame occupancy (which drives the industry-standard Close-Up / Medium / Wide shot classification), a rule-of-thirds composition score based on where the actor's eye-line lands in frame, and the key:fill lighting contrast ratio cinematographers use to describe mood.

⚙ Under the hood

This simulation simulates the role of a film director, allowing users to make decisions about scene selection, actor direction, and overall narrative flow. It explores the creative process involved in bringing a story to life on screen.

Film DirectingShot CompositionBlocking

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

What did you find?

Add reproduction steps (optional)