Dancing Spring
March 2016, New York
Creative Coding, Interactive Drawing Game
Individual Work
Dancing Spring is a project for the class Nature of Code. I got the inspiration from my dream. I dreamed of the spring season in my hometown, the willow trees was singing in the gentle spring breeze while the cherry blossoms were dancing around. When I woke up, I just found I still stayed at my little room in New York's cold winter night. So I designed the game to miss the beautiful spring days in my hometown.
The whole project was developed in Javascript. People can drag or click to create their own paintings and enjoy the beautiful view of the spring in my hometown.
Diagram
There are two elements in the project, one is the flower and the other is the leaf. There are some behaviors and moving principals for each type of the elements.
![](https://static.wixstatic.com/media/7514a4_39045e757b174c0cb3c7407a90c953bd~mv2.jpg/v1/fill/w_960,h_367,al_c,lg_1,q_80,enc_avif,quality_auto/7514a4_39045e757b174c0cb3c7407a90c953bd~mv2.jpg)
Inspiration
These photos were shot in Jiming Temple in Nanjing, China, the place that hundreds cherry trees will bloom flowers in the spring, the place of my hometown, the place in my dream.
![](https://static.wixstatic.com/media/7514a4_bdc7d2e7710649dfb3c4209ac663d351~mv2_d_5184_3456_s_4_2.jpg/v1/fill/w_480,h_320,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/7514a4_bdc7d2e7710649dfb3c4209ac663d351~mv2_d_5184_3456_s_4_2.jpg)
![](https://static.wixstatic.com/media/7514a4_1b9f0aa062624e2096cc08dd1d091c41~mv2_d_3240_2160_s_2.jpg/v1/fill/w_480,h_320,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/7514a4_1b9f0aa062624e2096cc08dd1d091c41~mv2_d_3240_2160_s_2.jpg)
![](https://static.wixstatic.com/media/7514a4_4d6aeb1969f14091a792cd02b8c3e299~mv2_d_5184_3456_s_4_2.jpg/v1/fill/w_480,h_320,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/7514a4_4d6aeb1969f14091a792cd02b8c3e299~mv2_d_5184_3456_s_4_2.jpg)
![](https://static.wixstatic.com/media/7514a4_d33fd80c84b64e3aad540d124c99e6fa~mv2_d_5184_3456_s_4_2.jpg/v1/fill/w_480,h_320,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/7514a4_d33fd80c84b64e3aad540d124c99e6fa~mv2_d_5184_3456_s_4_2.jpg)