HN 표시: MIDI 시각화 도구

hackernews | | 💼 비즈니스
#midi #tip #도구 #시각화 #음악 #재즈
원문 출처: hackernews · Genesis Park에서 요약 및 분석

요약

해당 개발자는 악보와 화음을 시각적으로 명확하게 파악할 수 있는 MIDI 전용 뮤직 비주얼라이저를 제작했습니다. 이 도구는 만다라 형태의 와프, 나선형의 스타, 분석 과정을 보여주는 클럭 등 4가지 프리셋과 다양한 합성 레이어를 조합해 실험할 수 있는 기능을 제공합니다. 또한, 전체 코드는 Claude Code를 활용해 생성했지만 결과물의 퀄리티를 높이는 작업에 상당한 시간을 투자했다고 밝혔습니다.

본문

Custom Stars Clock Warp Piano Stars Clock Warp Piano 0:00 / 0:00 Classics Classical Games Uploads Classics Classics Classical Games Uploads The Girl from Ipanema (Jobim) The Girl from Ipanema (Jobim) Eye of the Tiger (Survivor) Never Gonna Give You Up (Rick Astley) Black Orpheus (Luiz Bonfa) Money Money Money (ABBA) Stayin' Alive (Bee Gees) Livin' on a Prayer (Bon Jovi) Total Eclipse of the Heart (Bonnie Tyler) Cars (Gary Numan) Billie Jean (Michael Jackson) Thriller (Michael Jackson) Bohemian Rhapsody (Queen) Visuals ? × Saved Presets Presets Stars Clock Warp Piano Foreground NoneStarSpiralChainFractalsTonnetzPiano Roll Ornaments ringtrailssparkfirefly Note Layout Background NoneStar FieldFluxWavesChladniFlow Field Line Width0.12 Melody NoneAuroraMelody WebMelody ClockMelody Fire Bass NoneBass WebBass ClockBass Fire Overlays Note Colours Reset C C# D D# E F F# G G# A A# B Render Quality Fast Balanced Sharp Experimental Presets Fractal StarAurora KaliGraph 🌙 Theme Save Preset Share MIDI Visualizer [ Click to Play ] Manual Key Key: ... BPM BPM: ... Chord Loading... Perf -- ### Custom Visuals × Build your own visualizer by combining different layers. Each layer responds to different aspects of the music—melody, bass, rhythm, and harmony. #### Foreground Main visual elements showing notes and harmony. * **Star** – Glowing stars spiral inward as notes play, with beams for sustained notes * **Spiral** – All voices mapped to a spiral; pitch = angle, octave = radius * **Piano Roll** – Classic falling notes with a piano keyboard * **Graph** – Force-directed network that grows with the music * **Fractal** – Julia/Mandelbrot sets mapped to song key and harmony #### Background Full-canvas animated backdrops that set the mood. * **Starfield** – Drifting stars that pulse with the beat * **Flow Field** – Flowing particles guided by harmonic energy * **Chladni** – Vibrating plate patterns that morph with chords * **Flux** – Psychedelic noise warped by bass and melody #### Overlay Post-processing effects applied on top. * **Kaleidoscope** – Mirror symmetry that rotates with the beat * **Feedback** – Motion blur trails that follow the visuals * **Theory Bar** – Shows chord progressions and Roman numeral analysis #### Melody & Bass Dedicated trackers for the top and bottom voices. * **Melody Clock** – Clock hand follows the melody line * **Bass Clock** – Tracks chord roots for harmonic movement * **Webs** – Connect recent notes as a network of relationships #### Presets Curated combinations to get you started. * **Stars** – Starfield + Star + Bass Fire * **Clock** – Starfield + Spiral + Melody Clock + Bass Clock + Theory Bar * **Warp** – Chladni + Spiral + Kaleidoscope + Melody Clock + Bass Clock * **Piano** – Flow Field + Piano Roll * **Fractal** – Fractal + Kaleidoscope + Melody Web + Theory Bar * **StarAurora** – Star + Kaleidoscope + Melody Aurora + Bass Fire * **KaliGraph** – Graph + Kaleidoscope Tip: Start with a preset and customize from there. Only one effect per slot can be active at a time. Save Preset Cancel Save Share via QR Code × ![QR Code](https://decompiled.dev/apps/fractured-jukebox/qr-code.png) Scan with your phone camera The Fractured Jukebox Manual × ⚡ This app is graphics-intensive and drains battery quickly on mobile devices. The Fractured Jukebox analyzes MIDI to understand chords, melody, bass lines, and rhythm—then maps them to layered procedural graphics in real-time. Watch notes spiral through harmonic space, see chord tensions resolve visually, and feel the groove through synchronized motion. Each view reveals a different dimension of the music's inner structure. ### Views Stars — Starfield journey Clock — Rotating gears Warp — Kaleidoscope Piano — Piano roll Views are built from layers: a background effect, a foreground visualization, and optional overlays for melody, bass, and post-processing. Mix and match using the Custom panel. ### Playlists Classics — Pop & rock Classical — Bach to Debussy Games — Game music Upload — Your MIDI files `?` [all shortcuts](https://decompiled.dev/apps/fractured-jukebox/) Found a bug? Have a feature idea or song request? [email protected] [ ](https://github.com/eric-decompiled/Home/tree/main/apps/fractured-jukebox) [More Apps →](https://decompiled.dev/apps) / Keyboard Shortcuts × `Space`Play / Pause ``Next track `Ctrl`+clickToggle theory bar `{`Previous playlist `}`Next playlist `?`This menu `/`Search all songs

Genesis Park 편집팀이 AI를 활용하여 작성한 분석입니다. 원문은 출처 링크를 통해 확인할 수 있습니다.

공유

관련 저널 읽기

전체 보기 →