Week 9: Season Change

Team

Alina Liu, Jane Meng

Project Prompt

Create an experience manipulating image(s) and/or video(s) that tells a story

Project Idea

To combine ml5.js & color filter & animation (possibly brightness mirror) to create a seasonal change effect.

Project Parts

Our project can be broke down into three parts.

falling and rotating particles
ml5 tracking
color tint

Falling and rotating particles & ml5.js

This project called 🔗 Seasonal Snow Dome was shared by our Pcomp classmate last week. We found the falling leaves effect was done so perfectly and it inspired us to add falling particles as well in our project. We manipulated the class() file for the particles and combined it with the ml5.js.

Problems Encountered

⬇️ all problems appeared when we wanted to make our work fullscreen

if the size of the video images is set to window size, the ratio is off.
if hardcoded the size of the translated image() to be the right ratio, the ml5 tracking is off.
if the canvas is centered in the window, the image() position is off.
the particles only appear in one corner of the canvas.
tracks of falling particles can be seen in the area where the video image did not cover.