outthink!

Hero studies — shader explorations for the wordmark

07 studies · webgl2
Mono · 06 Olive & butter · 08 Mustard & ink
live
01

The box

Mono

A box draws itself around the word, then the thinking leaks out of it: particles, fog and ripples trail the cursor.

  • particles
  • flow field
  • trails
live
02

Liquid type

Mono

The wordmark gives way. Dragging twists the letters, they erode into particles and slowly find their way home.

  • particles
  • erosion
  • twist
live
03

Contours

06

A topographic survey of the word. The cursor drags a wake through the water table; rest, and it pings sonar.

  • wave equation
  • iso-lines
  • refraction
live
04

Lumen

08

A lamp hides behind the letters. Steer it and the word casts volumetric rays through the dust; click for a flare.

  • light scattering
  • occlusion
  • springs
live
05

Marble

08

Ink floating on water. Stir the wordmark into marbled bands of ink and mustard; it settles back into shape.

  • navier–stokes
  • vorticity
  • marbling
live
06

Riso

06

A four-drum risograph print. Quick moves knock the inks out of register; halftone dots swell under the cursor.

  • halftone
  • overprint
  • misregistration
live
07

Orb

Mono

A glass ball rests on the page and sees the word magnified, upside down. It follows you and wobbles when tapped.

  • refraction
  • caustics
  • spring physics