Selected work

Cinnamon

The website for Cinnamon, a Roblox game studio, made at The Brink Agency. Built with WebGPU and Rapier physics, it opens with forty capsules raining into a playable 3D claw machine: drag the joystick, drop the claw and follow the prize capsule into the page. Anti-gravity and burst buttons, a 404 capsule pit and orange page transitions keep the play going.

Discipline
Web / 3D
Year
2025
Visit Cinnamon (opens in a new tab)

Loading the arcade

The logo loader gives way to an orange stroke that retracts across the claw machine, the headline pops in letter by letter and forty capsules rain into the machine. Click to play scatters the headline.

Cinnamon project recording. The logo loader gives way to an orange stroke that retracts across the claw machine, the headline pops in letter by letter and forty capsules rain into the machine. Click to play scatters the headline.
The experience in motionWatch video

At the controls

The joystick swings the claw across the machine, and Drop sends it into the pile to lift a capsule. The prize falls down the chute, the page scrolls on and the capsule splits open around the toy inside.

A cursor swings the arcade joystick right, left and right, sweeping the chrome claw across a machine full of colourful capsules, then clicks Drop; the claw plunges into the pile and lifts an orange capsule.
Play the claw machineWatch video
The claw drops the orange capsule into the chute, the page scrolls on, and the capsule pops out of the machine and splits open around a white toy Fiat 500 as Enter the World of Cinnamon pops in.
The prize, unboxedWatch video

Physics to play with

Every capsule is a physics body. The Fly! button floats the whole pile to the ceiling and Boom! blasts it apart, and the 404 page is a capsule pit the cursor ploughs through.

A cursor clicks the red Fly! button: forty capsules float to the ceiling, the claw swings through them, they crash back down, and two Boom! presses blast the pile across the machine.
Anti-gravity, then boomWatch video
On the 404 page, a cursor sweeps in wide arcs through a pit of about sixty two-tone capsules, flinging them around the 404 title before they tumble back and settle.
Ploughing the 404 pitWatch video

Between pages

An orange stroke carries each route change, here from Games back to a fresh capsule rain, and the giant IMAGINE footer lets the cursor shove its letters.

A cursor clicks the Cinnamon logo on the Games page; an orange stroke fills the screen, then retracts onto the claw machine as capsules rain in and the Click to play label scrambles.
Back to the arcadeWatch video
The page scrolls into the dark footer, where giant white IMAGINE letters pop up; a cursor sweeps back and forth through them, knocking them askew while a peach-to-blue squiggle draws across.
Shoving IMAGINEWatch video
Cinnamon Software homepage with large introductory type, a click-to-play button and the colourful 3D claw machine.
The Cinnamon introduction