3DCGCodingGenerative ArtInteractiveMusic videoReal-time GraphicsWeb
monoton – Nibi (Interactive MV)
2026
00:02:35
This is the music video for the original song “Nibi,” released in 2026. I created the song, the visual system, and the web app.
“Nibi” refers to a dull grayish color. In this work, I made ink-like coloration the basis of the visuals. Particles in the four CMYK colors drift through 3D space, repeatedly gathering into and dispersing from the shapes of lyrics and motifs to construct the imagery. For the overlapping colors, I used subtractive color mixing calculations; the denser the particles become, the darker they sink as the inks blend together. Although the work is presented on a display, a texture like dynamic printed matter emerges, as if halftone dots on paper were dancing. The particles converge from flat shapes, noise, pendulums, and other geometric patterns into letters, then scatter once again. Rather than a continuous sequence of completed letters, the transitions of gathering and dispersing themselves are the main visual attraction.
All of the visuals in this work are rendered as a continuous video within a web app, and the MV video was exported as a single uninterrupted shot with no cut editing. The lyric text is placed in 3D space and is framed by the camera angles set by the creator. I released this web app itself as a viewer, allowing viewers to freely move the camera in the browser and explore areas beyond the viewpoints selected for the MV. This is an attempt to open up both the production process of the visual work and the experience of the creator’s selection of viewpoint itself. The source code is also available on GitHub.
For the particle physics calculations, I used Three.js WebGPU’s TSL compute shaders to enable real-time GPU processing of a large number of particles. In environments that do not support WebGPU, it falls back to WebGL 2 and also works on smartphones.
MV website
https://monotonmusic.com/nibi/
