Pixel

p5 editor: Interactive Visualizer


Recently, I became interested in exploring the capabilities of 'TouchDesigner'. I wanted to create a visualizer that featured geometric shapes and lines, and as I delved deeper into the software's capabilities, I became fascinated with the beauty of repetitive and reflected visuals. While playing around with the camera and pixel, I realized that the shape of the hand could evoke unique emotions. Conductors of symphony orchestras deliver their very detailed interpretation with their hand gestures, and this inspired me to create a visualizer that users can control with their hands.

HOW TO USE

  • Now, I invite you to become the conductor of my visualizer!

  • Adjust the brightness of the visualizer to your liking using the slider on the bottom.

  • Use your left hand to guide the visualizer according to the music. (Right-handed users can use the mouse to interact with the visualizer)

  • Click the mouse (left-click) in time with the beat of the music.

  • Try experimenting with different hand gestures, including rock, scissors, and paper.

  • Bring your hand closer to the camera during climactic moments in the music.

I intentionally designed the visualizer to react to the left hand (left side of the camera) so that users can use the mouse with their right hand. This allows for a more immersive experience as users can engage with the visualizer using both hands.

Music can enhance the visualizer, while the experience you get from the visualizer can enhance your engagement with the music, including its interpretation, rhythm, and emotion.

I hope you enjoy using my visualizer!

p5 editor: Interactive Visualizer