Geom — Sound-reactive shapes

kynd's working log for a generative music video: 10 chapters on SDFs, parametric shapes, lighting and audio reactivity, with live WebGL demos

Tier A · StrongArticleReferencekynd.info

(Visit kynd.info ↗)(Docs)

Geom is a sketchbook and working log kept by kynd while making the music video for Musical Architecture by Yaporigami (Yu Miyashita). It runs to ten chapters — sound analysis, parametric shapes, lighting and rendering, sound-reactive environment, sound-reactive shapes, multitrack visualization, transitions, composition and an appendix — roughly 7,500 words with KaTeX-set mathematics throughout. The sound-reactive shapes chapter is the clearest entry point: four sections (Amplitude, History, Frequency, Form) each embedding a live WebGL sketch you can drive with a chosen drum track, with an antialias toggle and an fps readout, showing four parametric families (SDF, Platonic solids, scalar fields, moving scalar fields) deformed in real time by audio. The author wrote Sketching with Math and Quasi Physics and the Japanese translation of The Book of Shaders, and this log is explicitly framed as an introduction to the former.

For an agent

Read this when a brief asks for audio-reactive or mathematically-generated motion and you need the mechanism rather than a library. It states plainly which audio feature drives which deformation — amplitude at the current frame gives an immediate, tight reaction; history and frequency give slower, banded ones — which is the decision most audio-visualiser code gets wrong. The prose and the mathematics are in the server-rendered HTML, so a plain fetch returns the full text of every chapter; the figures are not. Each demo is a separate page under /geom/demos/<name>/index.html loaded in an iframe with ?embedded, so fetch those directly if you want the source. There is no robots.txt and no sitemap.xml (both 404), and the maths is KaTeX, so expressions arrive as markup rather than as plain formulae.

Why it is here. Almost nothing in this corpus explains how a visual is actually derived from sound; this does, in the open, with runnable sketches beside the equations — and it comes from the person who translated The Book of Shaders into Japanese.

Install command, framework, licence and component list.

Facts

License: No license file
Pricing: Free
Framework: Not applicable
Styling: Not applicable
Distribution: Article, thread, or post
Platform: Web
Content type: Prose / writing, Code, Images / textures / backgrounds
Agent readiness: Structured documentation
Accessibility: Not applicable
Maturity: Stable
Pricing detail: Free to read. No licence is stated, so treat the text, the mathematics and the demo source as all rights reserved.

Notable for

10 chapters, ~7,500 words
live WebGL demos embedded per section
KaTeX mathematics throughout
four parametric families: SDF, Platonic, scalar, moving scalar
by the Japanese translator of The Book of Shaders
made for Yaporigami's Musical Architecture

Provenance

Verified 2026-08-17. HTTP 200. https://www.kynd.info/geom/sound-reactive-shapes/ and all 10 chapters fetched 200; 4 demo iframes under /geom/demos/*; robots.txt and sitemap.xml both 404; word counts parsed per chapter

Also in Essays, Guides & Courses

kynd.infoTier A