Skip to content
Formula Turns an F1 Model Kit Into a Drivable WebGL Toy
Try it live (opens in a new tab)

Details

Title
Formula Turns an F1 Model Kit Into a Drivable WebGL Toy
Maker
Patrick Heintzmann
Published
Link
lab.patrickheintzmann.com (opens in a new tab)

What it is

Formula is Patrick Heintzmann’s little F1 machine presented as a model kit first and a browser toy second. The scene opens on a blue cutting mat covered with body panels, tires, paint jars, scissors, a utility knife, and the tiny solemn promise of speed waiting to be assembled. The UI keeps it plain: kit, drive, studio.

The charm is in that shift from object to interaction. One moment you are looking at a careful tabletop arrangement, the next the page is inviting WASD or arrow keys and behaving like a small real-time playground. Heintzmann describes the lab as a place for experiments, demos, and digital explorations, and this one lands neatly in that zone: WebGL as craft bench, game loop, and product shot all at once. Give it a minute to load, switch modes, and let the miniature thing do what miniature cars are built to do: pretend the desk is a track.

How it’s made

Technology
WebGL
Framework & Tool
Three.js
Domain
Creative CodingProduct DisplayMotion DesignGame
Interaction
Touch Interaction
Subject
Automotive

Enjoyed it? Pass it on.

Sharing is the simplest way to thank a maker. Your post credits Patrick Heintzmann.

Post it on

Copy post text

If a composer opens empty, copy this text. For long posts, split it across posts and keep every maker’s credit.

More in Motion Design

Browse this tag →

Pixel Vault: An Immersive Creative Marketplace from 2047

Pixel Vault drops you into a WebGL-rendered creative marketplace set in 2047. Bold geometry, fluid motion, and an interface that is the 3D layer, not decorated by it. Built by Karan Chouhan and Harshit Kumar Sahu, it's part storefront, part environment, and entirely worth exploring.

Karan Chouhan and 1 other creditWebGL

The Pendragon Cycle: WebGL as Cinematic Storytelling

Merlin Studio and Format-3 built a WebGL prologue for a fantasy series where scrolling feels like a camera move. Custom shaders, particle systems, and deliberate pacing turn a promotional site into something worth studying.

Merlin Studio and 1 other creditWebGL

BOIDS: A Parametric Playground for Emergent Flocking Behavior

BOIDS simulates flocking through three local rules: separation, alignment, cohesion. No central control. Every parameter is exposed. Click to attract, right-click to scatter. Built in p5.js with texture support and video export.

Anatolii Babiip5.js
All Motion Design work