Christian Gehrke
SOURCE ORDERBuild it right, then build it beautiful
Issue 404: Not Found (Yet)

Made with AI The memory: a head of tiny drawers on the workbench, each one opening to show a paper figure stirring inside. The Catalog is where the site keeps every part it knows how to build.

Build Notes

A drawer for every part

A case study of the Parts Catalog: 60 pieces of the lake scene, each running live on its own card, with 15 rigged origami creatures and a deep-sea header.

More from SOURCE ORDER → The newsstand

Listen · 2:14A drawer for every part

The lake on the front of this site is built from parts: pines, boulders, clouds, a moon, a fisherman in a paper boat, and a cast of animals that wander in. The Parts Catalog is where every one of those pieces lives on its own, running live with the same code the scene uses, so I can find it, check it and change it without opening the whole lake.

There are 60 parts in 9 groups. 40 run live, 17 are reference pictures of older versions, and 3 are still in progress. A search box narrows them as you type, and every part has its own link.

Real video The deep-sea header: Marley in her jellyfish, the diver, and the creatures lifted out of the painting.

The animals

Real video Four live cards at once: the buck acting out a story, the doe in a winter blizzard, the elk at night and the bear foraging.

The animals are the heart of it. 15 origami creatures are rigged at the joints, so a deer can lower its head to graze, look up when something moves, or walk off the card. Between them there are about 17 behaviours and 9 short stories that chain them together. Each card has the controls the scene has: season, day or night, behaviour, and weather. Pick winter and the coats change; pick a blizzard and snow sticks to their backs. Rain beads on them too.

One loop for forty cards

Real video Search narrows 60 parts as you type: fox, then snow.

Forty live cards could easily melt a phone. They all share one animation loop, and any card that isn't on screen sleeps until it scrolls back.

Made with AI A drawer for every part: a paper buck in his own lit drawer, lowering his head to graze and looking up again.

What I cut

I cut something here too. There used to be a toggle between flat silhouettes and origami. The origami won, so the silhouettes went.

Made with AI Another drawer: a paper fox with wings, stretching them in the glow, the way each card wakes when it comes into view.

The origami won, so the silhouettes went.

Made with AI The giant paper squid that took the whale’s place in the deep-sea header, with a shoal of paper fish.

How it's built

  1. Give every part its own card

    Each piece of the lake (pines, boulders, clouds, the moon, the fisherman in his paper boat, the animals) runs alone on a card with the same code the scene uses. A search box narrows the 60 parts as you type, and every part has its own link.

  2. Rig the origami creatures

    15 creatures are rigged at the joints, so a deer can lower its head to graze, look up when something moves, or walk off the card. About 17 behaviours, chained into 9 short stories.

  3. Wire in the scene's controls

    Every card gets season, day or night, behaviour and weather. Winter changes the coats; a blizzard sticks snow to their backs; rain beads on them.

  4. Share one animation loop

    All the live cards run on a single loop, and any card that isn't on screen sleeps until it scrolls back.

  5. Cut the silhouettes

    The toggle between flat silhouettes and origami was removed, so only the origami style remains.

The deep-sea header

The header came last: a deep-sea scene with Marley floating in a jellyfish, a diver beside her, and two dozen creatures I lifted out of the painting so they could move on their own, down to an anglerfish with a glowing lure. A whale was the first idea and a dead end. A giant paper squid took its place.

One card, every control: the buck grazing and walking off in summer, rain beading on him in a tempest, then his winter coat in a blizzard (twice speed).

What I learned: build the parts where you can see them alone. A deer that looks right on its own card looks right on the lake, and when something breaks, there's exactly one drawer to open.

Build log

  1. The commit history of the parts-catalog repo begins.

  2. The deep-sea header is built: Marley in a jellyfish, a diver, 24 creatures lifted out of the painting, an anglerfish lure. A whale is tried and replaced by a giant paper squid.

  3. The last commit in the run: about 50 commits in all.