Interactive Still Life

An interactive illustration created and composed within the p5.js editor.

Process

This project was my very first sketch using the p5.js editor. I was directly inspired by a scene in my room. The first challenge was to recreate the still-life within the editor. Unlike usual illustration software, you have to indicate the x and y values to draw and place objects. The second challenge was to animate the still image. It was an interesting experience to be directly inspired by the physical space which led me to capture the natural light movement and the parallax effect.

Here is a screenshot of the p5.js editor. With open-source processing, we learn that it is good to leave notes not only for yourself but for others who may be inspired and want to learn from your code.
With any technical learning challenges, I find it crucial to keep organized notes. I found myself constantly referring back to them.

Results

Move your mouse across the illustration to experience the parallax effect. Once the day turns to night, you can hit "reset."