← All work

The White Bull

Three.js scroll narrative · Concept build · 2026 Visit live site ↗
01 · Introduction

Oracle Red Bull Racing ran a white RB21 at Suzuka in 2025, sixty years after Honda won its first Formula 1 race. This is a six chapter scroll story about that car. The circuit it raced on is rendered live in the browser, not filmed.

Three.js r185 is self-hosted behind an import map, the RB21 loads as a Draco compressed model, and Suzuka at night is built from code: grandstand, ferris wheel, city skyline, start lights, sakura drifting through the frame. Lenis drives the scroll, the camera and the car are placed from scroll progress, and a chapter rail tracks position with a live speed readout.

A heavy scene punishes weak hardware, so the resolution scale is a one way ratchet. It steps down when frames slip and latches a ceiling instead of hunting up and down. There is a boot screen with a real load percentage, a fallback path when WebGL is unavailable, and recovery if the graphics context is lost.

An unofficial fan build, not affiliated with or endorsed by Oracle Red Bull Racing, Honda or Formula 1. Livery photography by Will Cornelius, from the team's own Art Of Livery Design piece.

02 · Showcase
drag / swipe · ← →
The opening chapter, with the RB21 on track behind a three-dimensional SUZUKA wordmark
Chapter 00: the white bull returns01
The Tribute chapter, tracing the white livery back to the RA272, with three reference cards
01 The Tribute: the 1965 RA27202
The Original chapter, about the 2021 white RB16B that never got its Suzuka race
02 The Original: the 2021 car that never raced03
The Verstappen chapter, with a pull quote and three photographs from the 2025 race weekend
03 Verstappen, in the car it copies04
The Modern chapter, stat cards over the rendered car, with the chapter rail and speed readout at the right
04 The Modern, with the chapter rail05
The fullscreen chapter menu, listing all six chapters beside the paused scene
The chapter menu06
The footer, with the chapter index, team links and an oversized Red Bull wordmark
Footer, chapter index and credits07
The opening chapter on a phone, the scene reframed above the headline
The opening chapter on a phone08
The footer on a phone, with the chapter index stacked into two columns
Footer on a phone09
01 / 09
03 · Brand palette
Copy #E2001ARed Bull red
Copy #F4F5F7Championship white
Copy #0B0D12Suzuka night
Copy #35D07FSector green
Copy #3A0007Deep maroon

Type: Saira (display and UI, self-hosted) · Zen Kaku Gothic New (Japanese, self-hosted)

04 · Assets & tools
Interface
Six-chapter scroll narrative Chapter rail with speed readout Fullscreen chapter menu Boot screen with load percentage Photo cards and pull quote
Motion & access
Lenis smooth scroll Scroll-driven camera and car Reduced-motion fallback WebGL-unavailable fallback Context-loss recovery
Stack
Three.js r185, self-hosted Draco-compressed car model Bloom and ACES tone mapping Adaptive render scale Self-hosted Saira and Zen Kaku Vanilla HTML/CSS/JS Vercel
← All work Next project: Wideplate →