Raymarching in WebGL

placeholder

Once again I used some music by bitbof and synced it to the amazing raymarching examples from Frank Reitberger. I used some kind of pseudo “beat detection” to detect patterns in the volume changes of the music. Basically it just listens for small, medium and high volume peaks. The volume changes are precalculated with Mr.doob’s python script and included as a large array. The beats are then mapped to the shader variables to alter the torus. If a medium beat or a large beat is detected the shader changes the definition of the implicit torus so that the hole scene looks a bit more dynamic.

See it live WebGL Demo