Minesweeper Interactive Poster

Walkthrough

• My Documents
  • Click the PDF to see the previous game poster assignment

• Recycle
  • Click the first pdf to see the old font study poster
  • Click the second pdf to see an old design for a bomb
  • Click the third pdf to see another old font study poster

• Media Player
  • Click the first mp3 to hear an 8-bit version of Blink-182’s All the Small Things 
  • Click the second mp3 to hear an 8-bit version of aha’s Take On Me
  • Click the third mp3 to hear an 8-bit version of Destiny’s Child’s Say My Name 
    • Click the same mp3 file to pause the music

• Minesweeper Demo
  • Features a playable mini minesweeper game
    • Nothing happens when you win
    • Restart the project to play again

• Discord
  • Click the first spoiler button to reveal an AM Roasting Meme
  • Click the second spoiler button to reveal an AM Quote Meme

• Zoom
  • Click the picture of Pepper to her them meow

• After all icons have been explored, one last poster for Minesweeper will show up on the desktop along with some background music

Design Goals and Process

For this interactive poster I wanted to try and recreate an interactable computer / desktop with that of the Windows 98 aesthetic. Going off of this idea, I tried to reuse and recreate the windows and match the same colors that were used. My end goal was ultimately an interactive experience mixing both older aesthetics of Windows 98 while also adding a touch of more present computer applications and also some references to the class ARTG 80G. 

While working on this assignment, I wanted to add more pixel animations but was limited due to my laziness to try and figure out how animation works on P5. I also got the chance to toss ideas back and forth with Patrick during office hours and one concept that came up that I would have loved to integrate would be a transition from the old gross color palette of the cold blues and greys to that of the windows vaporwave aesthetic with a brighter mix of pinks and blues.  A glitching effect as the user moved between the icons could of had some potential. Along the lines of other icons, the idea of making a sketchpad came up, letting the user draw and sketch whatever they wanted. Due to risking its implementation of an additional canvas and the lack of clearing said second canvas prevented its addition to the poster.

But with the stuff that I was able to complete, I’m happy that I was able to figure out how to code separate scenes for the different browsers along with the working bounding boxes. I was so frustrated trying to figure out how to get the dang clickable boxes working. It took a hot minute, but once I was able to figure it out, I was able to start churning them out like a factory. This along with the music was one of my bigger accomplishments when working on this assignment. There was so much satisfaction listening to the 8-bit songs play from the p5 file, being able to play, pause, and switch between the different songs was so cool to me. In a way, I kind of wished I spent more time adding a bigger selection of songs.

On the other hand there were some complications that arose while slowly making progress. One issue that came up while coding was being unable to close the windows of the different files after opening them. I had coded the different bounding boxes and shapes that were necessary, but I wasn’t able to wrap my head around trying to hide the objects after having them shown. A similar issue arose to the minesweeper demo. At first the minesweeper wasn’t suppose to be a demo, but I was unable to figure out how to reset the game having “hacked” the game from another source. With this road bump I thought I would turn it into an intentional design and serve as a “demo” with only 1 play.

Overall though I can say that I’m a little proud with what I was able to make even with all of the voices in my head saying otherwise. Hope ya enjoy :)