Oreo & BTS - darkroom.engineering

Six layers, one at a time

Parallax at four times its shipped strength

The same depth map as real geometry, rendered in Blender

01The street: one video plane, made deep by a depth map

The page curtain

Step 1: a colour

Step 2: a phrase

Step 3: stickers

02From the street to a letter in three steps

Both faces, spun in the browser

The room and the letter, layer by layer

03One card, one draw call: a single shader paints every layer

Letters fly in

Select, step through, drag

04Letters from the world, 96 at a time, drawn with the same shader

The globe, interface hidden

Layer by layer

05Grid to globe: 3,200 firework sparks over 255 cities

The pack floats on a sine wave

Layer by layer

06The shop: the editor’s room, re-lit warm

Six layers, one at a time

Parallax at four times its shipped strength

The same depth map as real geometry, rendered in Blender

01The street: one video plane, made deep by a depth map

The page curtain

Step 1: a colour

Step 2: a phrase

Step 3: stickers

02From the street to a letter in three steps

Both faces, spun in the browser

The room and the letter, layer by layer

03One card, one draw call: a single shader paints every layer

Letters fly in

Select, step through, drag

04Letters from the world, 96 at a time, drawn with the same shader

The globe, interface hidden

Layer by layer

05Grid to globe: 3,200 firework sparks over 255 cities

The pack floats on a sine wave

Layer by layer

06The shop: the editor’s room, re-lit warm