neon/ghost
← back / index

case · 04 / GLSL · Three

neon/ghost

generative type playground · webgl

year

2024

role

creative tech · solo

client

self-initiated · awwwards SOTD

stack

Three.js · GLSL · Rapier

a webgl playground where typography is dragged through fluid sim, raymarched fog, and audio-reactive distortion. zero use case. all vibe.

ch · 01

intent

after a year of fintech, the brain needed something useless and beautiful. neon/ghost is what fell out — a love letter to old-internet flash sites in modern webgl.

ch · 02

tech

custom raymarched SDF shader for the fog volume, rapier for the rigid-body letter physics, tone.js wired to a microphone for audio-reactive distortion of the noise field.

ch · 03

afterlife

Awwwards site of the day. featured in CSS Design Awards. used as a hiring filter — candidates who got it tended to be the right ones.

/ outcomes

awwwards

SOTD

fps (m1 air)

60

shader lines

412

use case

none

neon/ghost · 1
neon/ghost · 2
neon/ghost · 3

/ stack

Three.jsGLSLRapierTone.js

/ links