This is a new sound visualizer made for final project, the main idea is to create a hollow ring rotating in the center. Everything can be absorbed into a small part, but can be expanded into lots of particles as well, everything are in an eternal cycle, from 0 to 1 and from 1 back to 0. The main technique used for this project is flowfield, setting flows in the canvas to control the direction of all the particles. And for synchronization between music and animation is realized by using p5.sound.js,this library is for analyzing music input and returning various parameters. I made a simple beat detection based on volume, every time the beat is detected will let the particles expand/absorb based on different mode, also the volume of the beat will affect the speed of the expansion/absorption. The blocks on the background are for better visuals, the height is controlled by the volume of different frequencies and the color is controlled by the energy of different ranges of frequencies from bass to treble,
Project 華韵 aims to associate the animation presenting the growth of vines and flowers(red spyder lily) with input music. The idea is that to use music to create the animation of nature, and I love the artistic expression of flowers with vines so I decide to make the animation based on this concept. The project mainly involves the implementation of OOP to make vines with stings and flowers on it, and the synchornization between music and animation is realized by implementing p5.sound.js to analyze the music and get parameters from it to feed into animation. I develope an easy beat detection based on volume, and each time a beat is detected will generate a flower, and its size is based on the volume of that beat. Also the reason why there are five vines growing at the same time is because each one represents a range of frequency and the energy of different sound frequency will influence the opacity and the thickness of the corresponding vine.