santizo
← All workWork / Motion and animation

HAS Toyline

Watch a car get built, and see what it costs.

Role
Concept, Creative Direction, 3D Design, Development
Category
Motion and animation
Focus
three.js · Real-time 3D · Interactive
Year
2026

Vision

I wanted to build a working assembly line in 3D. And why not watch a car get made?

You fill in a work order and the line builds that exact car: a block of birch drops from a hopper, then seven stations cut, sand, paint, print, fit wheels and finish it, until it parks, gets boxed and rides off on a truck.

The Turn

Once the line worked, I asked a different question.

After a few rounds of iteration it ran the way I wanted. Could it teach what a toy really costs: the birch, the minutes, the waiting, the carton, the truck, and what each car has to sell for to make a profit? A factory is a spreadsheet you can walk through. So I let you see it.

Creative Direction

The world first, then the money inside it.

Birch, safety yellow and machines that read as real at toy scale, down to a carton printed for the car inside. The numbers live in the scene, not in a table beside it: prices float over each station, a running tab rides on every car, and the minutes spent waiting for the slowest station show up as amber hatching.

Execution

Built in three.js, with no model files.

Every car, robot, machine and carton is made in code, with liveries, number roundels and wood grain painted in code too. Three cameras: an overview, one that rides along with a single car, and one that inspects any car you tap. On the money side, every figure on screen comes from one cost model, so tap any number and it shows how it was worked out.

Outcome

Two apps from one factory.

HAS Toyline, the line you order from, and Toyline Ledger, a course in what a toy costs to make and sell: 15 short lessons, 3 challenges, and a month you can run to watch the bank. Both run in the browser. Neither is public yet.

HAS Toyline with the Order tab open for a teal wagon with GT stripes, No. 3 and luggage on the roof; beside it, that wagon built and parked in the lot, with its running tab
Fig. 01The work order in the panel, the wagon the line built from it, and its running tab.
Raw birch coupe bodies on the conveyor after the cut
Fig. 02A block of birch, cut to a coupe.
A red No. 7 coupe boxed in a windowed HAS Wheels carton
Fig. 03Boxed in its HAS Wheels carton.
The six models on the order-preview turntable: a red coupe, a mustard hatch, a teal wagon, a sky-blue van with a surfboard, a green pickup and a white racer with a red checker band
Fig. 04Coupe, Hatch, Wagon, Van, Pickup and Racer, each with its own paint, livery, wheels and roof.

(01) What it does

06

01

Build to order

Six models, twelve paints, six liveries, a race number, wheels, bumpers, a roof extra and a finish. The line builds exactly the car you ordered.

02

Seven stations

Blank, cut, sand, paint, livery, wheels and detail, each with its own machine, robots that reach for every part, and stack lights that show what it is doing.

03

Follow one car

Ride along with your order from the block of birch to the truck, or tap any car on the floor to inspect it.

04

Boxed and shipped

Finished cars park in a numbered lot. A gantry crane takes them to packing, into a carton printed for that car, and onto the truck.

05

Made in code

No model files and no image files: the cars, robots, machines, cartons and textures are all built in three.js.

06

The money layer

A price over every station and a running tab on every car, then break-even and price charts, and a month you can run day by day.

Yellow robot arms fitting parts to a red coupe at the Detail station
Fig. 05Wheels on, then lights, grille and bumpers at Detail.
The HAS Wheels delivery truck at the end of the line
Fig. 06On the truck, bound for the shops.
The whole HAS Toyline factory from above, with cost tags over each station and a running tab on every car
Fig. 07The money layer on: minutes and cost over every station, and the tab each car carries.

(02) Related

All work →
Splay screenshot

Splay Exploded views of 3D models, animated on a timeline

HAS LP-19 Music printed as ridgelines

Roboto Plasticity, Unity and C#