Technologies: Javascript, HTML5 Canvas

 

This animation is an illustration of Human Computer Interaction. The animation is broken up into 4 segments, each showcasing one of the three words in HCI and then HCI itself. During the interaction panel mouse events are tracked and user interaction is needed to move the animation along. The entire animation is developed from a custom drawing library made up of different Canvas shapes with a few images mixed in.