3D Audio-Reactive Visualizer

[p5js] (Duration is only 0:44; suggest watching from 0:18)

March 2024

The left video is the model without sound. The right video is recorded with 

GitHub Page: https://github.com/Naw9nawnaw/basic_3D_made_me_alive

After opening it, a loud sound like tapping on the side of the computer is required to make the animation appear first (try more tappings or other loud sounds if the grid boxes and other animation do not appear); you can click and drag to see different viewpoints in the 3D world and zoom in and out. After seeing all the animations, play the music. Selected For Persephone - Yiting.mp3 responds well and can see the final result. When played in different spaces and using different speakers, the bubbles' reactions and effects can be slightly different.

Selected For Persephone - Yiting.mp3 is an addition that was an excerpt of the track For Persephone from my unreleased album People Need Belief. You can play it or choose other music when playing the sketch.

(GitHub Page(direct play result): https://naw9nawnaw.github.io/Torus_Coin_Animation/

After observing the motion trajectory of a real coin spinning on a table until it comes to rest, I used my imagination and a little practice to create and modify the following XYZ in the motion part(Various Light effects and a bit of shininess and metalness were added).

is an audio-reactive visualizer piece of p5js. I made FFT, torus, ribbon, and 3D grid boxes with bubbles, and cat.obj for fun in it. It is after I explore the xyz motion trajectory of a real coin spinning on a table in "Torus_Coin_Animation".)