I was given the prompt “volcano” for this assignment, and I thought it would be a great opportunity to use my p5.js skills which I recently learned in Intro to IM. I was wanted to create something captivating and interactive that would capture the essence of a volcano before and after eruption.
Here is the p5js sketch: https://editor.p5js.org/mi1171/sketches/hqOXWvveD
I wanted to make it more than just a static visual representation, so I came up with the idea of turning it into a mini-game. I decided to make the progress of the eruption increase when the spacebar was pressed. It added an element of excitement and challenge to the experience. Then I generated 3 images of a volcano using midjourney. The first being in a dormant state, second with smoke coming out of the hole of the volcano and third of it fully erupting.
I carefully positioned the volcano images to depict the different stages of the eruption. I wanted users to feel the build-up and intensity as they progressed towards the eruption. And to spice things up, I implemented a screen-shaking effect whenever the spacebar was pressed.
To make it slightly replayable, I incorporated a timer that would start as soon as the first key was pressed. This way, users could track their progress and see how quickly they could make the volcano erupt. It added a sense of urgency and competition to the game.
All in all, it was an exciting creative process. I was able to apply my p5.js skills, brainstorm ideas to make it interactive, and bring the concept of a volcano eruption to life.