🌏 Project URLβ†—
https://amorphous-body-docs.e-kezia.com
🐈 Githubβ†—
https://github.com/ekkezia/midigraph
πŸ‘€ Overview

A documentation site for the continuous captures taken at the Amorphous Body party, commissioned for Asian Avant-Garde Film Festival (2024) at M+ Museum, Hong Kong.

πŸ“š Tech Stack
Processing (Java)
Next.js
Tailwind CSS
Supabase
πŸ–οΈ Description
midigraph

Horizontal scrolling on a super long capture of a 3-hour event

πŸͺ© midi-graph πŸͺ© is a pitch and amplitude based graph that is inspired by MIDI graph UI on audio processing softwares. But, instead of a plain rectangle as the MIDI notes, the program will generate continuously-captured camera images. The y-position of the image will be according to the current detected pitch, hence the images are representation of the MIDI notes. The amplitude of the audio will determine the x-position of the images (or shall we say, β€œMIDI note”).

panic-library-midigraph

Captures of "Panic Library"

Elizabeth Kezia Widjaja Β© 2025 πŸ™‚