{"id":232,"date":"2022-09-16T13:53:46","date_gmt":"2022-09-16T13:53:46","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/printcode\/?p=232"},"modified":"2022-09-22T16:59:52","modified_gmt":"2022-09-22T16:59:52","slug":"assignment-1-animation-of-landscapes","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/printcode\/assignment-1-animation-of-landscapes\/","title":{"rendered":"Assignment 1: Animation of landscapes"},"content":{"rendered":"\n

For the assignment 1, we are required to select an animation \/ video and cut it into frames and make them into contact sheets for riso-printing. After that, we reassemble the contact sheets into frames and play them with p5.js or ffmpeg.<\/p>\n\n\n\n

Here is what I have done:<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n
One Color<\/figcaption><\/figure>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n
Two Colors<\/figcaption><\/figure>\n\n\n\n

I chose pink and blue to be my main colors. Because pink is much lighter than blue, I made pink to be the base layer and blue to be the second layer. As shown above, the pink color provides a hazy background \/ atmosphere, while the darker blue highlights the transition of the animation.<\/p>\n\n\n\n

Final animations with p5.js:<\/p>\n\n\n\n