Project 1 /

Project 2 / A Night In New York

My concept behind the piece was to describe a night in New York literally as well as visually through motion. The scene starts with a starring sky, and the animation will happen once you click the lock. In order to express the feeling of each word, I experimented with different types of animation and easing techniques in javascript. For the stars, I also played with the random timing and looping functions.

Project 3 / Flower Card

This is an animated card generated by Raphael Javascript. My idea is to use three types of graphics to create three different visual experience when they unfold gradually on the screen. The single color ones appear like flower blossom, the outlined ones look like neon lights whereas the multicolor ones creates a dynamic sparkling.

Final Project / Interactive Flower Card

My final project is developed upon my third project. Besides the javascript generated animation, I added interactivity to the flowers in the card. After the flowers animate in, viewers are able to hover or click on the flowers to see things happen. It is achieved by creating a second set of the flowers and replace the first set after the animation finishes.