Playground - John Hanacek

⠿

CYBERBIRD Radical aerial flight simulator in 3D space

Three.js ↗

✈

CYBERBIRD

Click to load · Three.js

⠿

SOCIAL NETWORK VIZ Draw nodes and edges, watch force-directed layout emerge

React ↗

◎

SOCIAL NETWORK VIZ

Click to load · React + Canvas

⠿

3D SYNC DEMO Three synchronized 3D viewports with linked camera controls

Three.js ↗

⬡

3D SYNC DEMO

Click to load · Three.js

⠿

BLACK HOLE GOTHIC Dark cosmic design system with gold accents and star animations

CSS ↗

✦

BLACK HOLE GOTHIC

Click to load · CSS

⠿

TRANSCENDENCE GOLD Luxury warm-toned design system, elegant typography

CSS ↗

◈

TRANSCENDENCE GOLD

Click to load · CSS

⠿

GOTHIC MANUSCRIPT Medieval manuscript aesthetic, parchment tones

CSS ↗

⚜

GOTHIC MANUSCRIPT

Click to load · CSS

⠿

ANCIENT MATRIX LAB Glitch-meets-antiquity design system with matrix aesthetics

CSS ↗

⌘

ANCIENT MATRIX LAB

Click to load · CSS

⠿

TYPOGRAPHY EXPERIMENTS Expressive type explorations and layout experiments

CSS ↗

Aa

TYPOGRAPHY EXPERIMENTS

Click to load · CSS

⠿

HYPERCUBE PROJECTION 4D tesseract projected into 3D space, rotating in real time

p5.js ↗

⬡

HYPERCUBE PROJECTION

Click to load · p5.js

⠿

STAR TRAILS Music visualization with star trail particle effects

p5.js ↗

✦

STAR TRAILS

Click to load · p5.js

⠿

DYNABOARD V1 Dynamic 3D board experiment — early spatial interface concept

Three.js ↗

⬜

DYNABOARD V1

Click to load · Three.js