Psychoacoustic Audio-Visual Engine

RESONODE I

Sound becomes geometry.
Geometry becomes space.
Space becomes experience.

START EXPERIENCE
WEBGL 2.0 · GLSL 300 ES · WEB AUDIO FFT 2048
© 2026 HOYONG LEE PATENT PENDING KR 10-2026-0178542
RESONODE I
IN
No input open
MONITOR
HOW TO ROUTE A DAW
  1. macOS — install BlackHole 2ch. Set the DAW's output (or System Settings → Sound → Output) to BlackHole 2ch and pick it above. To keep hearing the track, build a Multi-Output Device in Audio MIDI Setup with your speakers and BlackHole, or switch on MONITOR.
  2. Windows — install VB-CABLE. Set the DAW or system output to CABLE Input and pick CABLE Output above. To hear it, switch on MONITOR or tick “Listen to this device” on CABLE Output.
  3. Press START INPUT. The green meter moves when sound arrives, and recordings carry that sound.
FREQUENCY MAPPING
BASS ➔ Impact Wave0.80
MID ➔ Color Glitch0.60
TREBLE ➔ Retro Noise0.50
REACTIVITY
ATTACK τ0 ms
RELEASE τ87 ms
TRANSIENT GAIN1.00
DISPLAY PREDICT14 ms
Adjusts how quickly visuals react to audio transients and fade out. 'Display Predict' offsets hardware screen latency.
CUSTOM
Presets save your current mapping, motion, and color settings. Export creates a JSON file you can share with others.
CAMERA & LAYERS
CAMERA DRIFT (LISSAJOUS)
DRIFT SPEED0.31
LAYERS
GLITCH LINES
LINE COUNT310
LINE DENSITY0.36
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: Base geometry size. / React: Audio-dynamic expansion.
SPECTRAL COHERENCE
GRAIN MORPHOLOGY
GRAIN SCALE1.00
GRAIN REACT0.60
DENSITY THRESHOLD0.45
Timbre Response: Cloud expands with brighter sounds and contracts with darker tones.
Fusion Trigger: Activates visual deformation based on rhythmic density and intensity thresholds.
PARTICLE COUNT
ACTIVE GRAINS30,000
Changing the count rebuilds the grain buffer on the GPU.
DEFORMATION
NOISE AMPLITUDE0.42
NOISE FREQUENCY1.60
AUDIO DEFORM DEPTH1.00
DYNAMIC COLOR SHIFT
DYNAMIC COLOR SHIFT
SHIFT SPEED0.28
Dynamic shift rotates hue around the HSL wheel; beat intensity accelerates the rotation.
PALETTES
VIDEO EXPORT
WEBM
MP4
WebM (VP9) — widest browser support.
30 FPS
60 FPS
30 fps holds a steady cadence at high resolutions and is the safer choice for 1440p and 4K.
WATERMARK
WATERMARK OPACITY0.24
Records the canvas to MP4 with its sound: the track in Audio File mode, whatever reaches the input in Live Input mode.
MIDI CONTROL
Not connected. Pads C1–D#1 switch the four built-in presets.
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.

네트워크 또는 브라우저 문제일 수 있습니다.

Check the connection and reload. On iOS/iPadOS the browser must be Safari 16.4 or newer; on Android, Chrome 89 or newer.

Tap anywhere to dismiss and try the start screen.