Interactive Animation

*Work may take a few seconds to load...

Concept

This interactive animation was created with P5 Javascript. The motion of images jitters based on the pitch of sounds in the environment. Users can add sound effects and change background. The hand spins and moves with user's mouse cursor.

User Interaction

  • Find the play button at the left buttom part (slide left slightly if button is hidden).
  • Click mouse and hold to view a different set of background animation.
  • Press keys 'a', 'w', 'd' and 'f' to play with sound effects and see how images change accordingly.
  • Experiment and have fun!