ComponentsToolboxLogsLab
⌘K
Scene Scissor ClipDot InteractiveMSDF Text & FluidsimBichromatic grain post passJoyco Miami
XGithubInstagram
Lab

Experiments

Creative explorations and experimental projects from the studio.

Lab
Preview of scene-scissor-clip
Scene Scissor Clip
Controlled dual scene rendering with clipping capabilities
webgl
Lab
Preview of dot-interactive
Dot Interactive
A dense halftone field that reacts to your cursor — dots swell and brighten wherever you hover, rippling outward like light catching a printed surface. Tune the grid rotation and cell count to find your pattern.
webglglslshaderinteractivemousehalftonedotspatternpost-processing
Lab
Preview of msdf-text-fluidsim
MSDF Text & Fluidsim
A phrase rendered in MSDF text repeats across the screen, colored and offset based on mouse position, creating a fluid effect that shifts through different color tones against a black background.
three.jsglslshadertextfluid simulationmsdftypographywebgl
Lab
Preview of bichromatic-grain-post-pass
Bichromatic grain post pass
A scene rendered as a two-color duotone with layered grain. Controls let you adjust contrast, tint, background color, max brightness, and noise intensity.
post-processingshaderglslduotonegraintexturerisographwebglcreative tools
Lab
Preview of joyco-miami
Joyco Miami
A sun-bleached Miami wall tagged with JOYCO graffiti, built in Three.js. Hover your mouse across the scene and the spray cans scattered on the street roll and nudge — lazy, physical, a little alive. Street art as interactive still life.
@react-three/fiberthree.jssusano