Psychoacoustic Audio-Visual Engine

RESONODE I

CLICK TO START
SOUND BECOMES GEOMETRY · GEOMETRY BECOMES SPACE · SPACE BECOMES EXPERIENCE
WEBGL 2.0 / GLSL 300 ES · WEB AUDIO FFT 2048 · 60FPS
© 2026 HOYONG LEE
RESONODE I
FREQUENCY MAPPING
BASS → DISPLACEMENT0.80
MID → CHROMATIC ABERRATION0.60
TREBLE → CRT SCANLINE0.50
REACTIVITY
ATTACK τ0 ms
RELEASE τ100 ms
TRANSIENT GAIN1.00
DISPLAY PREDICT12 ms
Attack 0 = the envelope snaps on the same frame. Release governs how cleanly the afterglow clears before the next hit. Predict compensates the rAF→photon delay by extrapolating rising edges only.
CUSTOM
Presets store every mapping, motion and color value. Export writes a JSON file you can share between machines.
CAMERA & LAYERS
CAMERA DRIFT (LISSAJOUS)
DRIFT SPEED0.35
LAYERS
GLITCH LINES
LINE COUNT430
LINE DENSITY0.50
WIREFRAME TERRAIN
FILM GRAIN
BLOOM
STRENGTH0.10
THRESHOLD0.12
RADIUS0.60
PARTICLE FIELD
CURL SCALE0.55
SPREAD1.00
GRAIN SIZE0.70
PSYCHOACOUSTICS
GESTALT FUSION
FUSION GAIN5.0
CORE SCALE1.00
CORE REACT0.60
Scale sets the resting size of the icosahedron. React drives it live: a rising spectral centroid inflates the solid.
SPECTRAL COHERENCE
GRAIN MORPHOLOGY
GRAIN SCALE1.00
GRAIN REACT0.60
DENSITY THRESHOLD0.45
React ties the 2,000-particle system to the spectral centroid — brighter timbre inflates the cloud, darker contracts it.
Dominant band: · Fusion fires when flatness × coverage × energy crosses the threshold.
DEFORMATION
NOISE AMPLITUDE0.42
NOISE FREQUENCY1.60
AUDIO DEFORM DEPTH1.00
DYNAMIC COLOR SHIFT
DYNAMIC COLOR SHIFT
SHIFT SPEED0.30
Dynamic shift rotates hue around the HSL wheel; beat intensity accelerates the rotation.
PALETTES
VIDEO EXPORT
WATERMARK
WATERMARK OPACITY0.40
Records the canvas to WebM. In Audio File mode the track is muxed in; in Live Mic mode video only.
MIDI CONTROL
Not connected. Pads C1–D#1 switch the four built-in presets.
RENDER
PARTICLE COUNT60,000
Changing the count rebuilds the grain buffer on the GPU.
FPS
BPM
FUSION0.00
CENTROID0.00
TRANSIENT0.00
GRAIN PHASESCATTERED
PATH
F FULLSCREEN · C CONSOLE · SPACE PLAY · 1–4 PRESET · H HUD

ENGINE DID NOT START

Three.js could not be loaded, or the browser blocked the module script.

이 파일은 반드시 Live Server 등 로컬 웹 서버 환경에서 실행해야 합니다.

Serve the folder and reopen over http://localhost —
python -m http.server 8080  or  npx serve .
VS Code: right-click the file → Open with Live Server.

An internet connection is required for the Three.js CDN.