SynMetron #1 dark mode

Production Steps

Strategies to control the timing of triggering various dot transformation functions

Reactive dots

Midi notes in the range of 24 - 108 are mapped horizontally to svg drawing, which means the width of svg drawing divided to 84 pieces and each note is assigned to one of them sequentially. So every note moves corresponding slice upon note-on message. There are different modes of reactivity, which controls the behaviour of dots upon midi note-on messages: vertical, horizontal, symmetrical..

Transitive mode

Transitioning from source svg dots to target at discrete steps. By doing that one can freeze intermittent positions of whole dots on their path to target positions.

Geometric transformation

Transforming svg dots into geometric shapes like triangle, pentagon etc.

piano sound is made with Pianoteq 8 Pro

I heavily benefited from LLM assisted coding. I started using claude-3.5-sonnet and thereafter finished with gemini-2.5-pro on Cursor IDE. Mehmet Tütüncü helped me to mix seperate files (Primo and Secondo) into one.