about this visualizer

snow audio visualizer

that was a quick spectrum visualizer made up of snowflakes.

audio reactivity

depending on the number of snowflakes chosen the frequency range of the song is binned evenly such that each snowflake represents a frequency range. the flakes on the left are intended to a bit blockier and darker in color and material. these rightmost flakes capture the low end of the song, pulsing with each kick. flakes on the right are intended to be thinner, shinier, and lighter in color. these represent the high end of the song, pulsing with the high hats.

these visual properties of each flake are also evenly spaced into a gradient depending on the number of flakes chosen.

falling snow

the falling snow is randomly generated at the start of the animation, and slowly falls (moves down the screen) until it hits the bottom, at which point it is teleported back to the top of the screen to fall again. currently there are 1000 snow particles on the screen. i may add that as a parameter that the user can select at some point.

recursion

i would love to add some kind of recursion to this 3D snowflake model to try and get closer to a "fractal" kind of design. this would also be closer to how real snowflakes look and form.

below is a bit of javascript to generate a recursive 2D snowflake using p5js. the code continuously adds smaller branches as it goes depending on the parameters you choose.


try changing some of these parameters in the code window below and to the left

orders

increases the number of recursive branches. try a larger number like 12. it really starts to make things look like fractals

branch_angle

determines the angle that each successive branch will be drawn. try a sharper angle like 55, and a shallower angle like 25

branches

determines how many main branches are present in the snowflake

newLenRatio

determines where on each branch the smaller branches are started from. try 0.25 for longer branches and 0.75 for shorter (maybe i should invert this for clarity)