Skip to content
← The Workbook

No. 17 · 2026Built

Arcade Fryer

An arcade portfolio for a large restaurant corp's internal gaming team. A playful place for years of shipped gaming experiences to be archived, referenced, and shared. Seven uniquely-colored cabinets stand in a ring around a center console; every screen is a live, playable game, and the center spotlights the team behind the work.


Status
Built
Year
2026
Stack
Arcade · WebGL · three.js · CSS3D · Portfolio · Games

The Idea

An arcade you can walk up to. Built as a portfolio and archive for a large restaurant corp's internal gaming team: every experience the team has shipped over the years, given a home that's fun to visit instead of a folder nobody opens.

Seven uniquely-colored upright cabinets stand in a wagon-roundup ring around a center console. A slow camera orbits the room. Drag to look around, click a cabinet to face it, and play, because every screen is a real, live, playable game, not a screenshot.

The Games

Food-themed, on purpose: Crossy Fries, Double Cheese Basher, Flappy Jacks, Fry Hard, Pickle Panic, Sauce Pong, Munch Man. Each cabinet boots a working mini-game with its own art, controls, and high score. Walk the ring, pick one, lose a few minutes.

The Center Console

The middle of the room is for the people. The center console spotlights the team that has built these experiences over the years: the directors, designers, and engineers whose work fills the cabinets. The arcade is the work; the console is the credit.

How It Works

The cabinets are WebGL geometry (three.js). Each screen is a real iframe placed in 3D by CSS3DRenderer, behind the canvas. A transparent "hole" in the bezel lets the live game show through with correct 3D perspective while staying fully interactive, the same hybrid trick this site's 3D Workbook runs on.

Why

Archived work usually dies in a drive. This makes it a place: something you can show a new hire, a stakeholder, or each other, and actually use. A reference, a showcase, and a trophy case in one room.