Katamari Interactive Game Poster by Thomas Noell

INTERACTIVE GAME POSTER WALKTHROUGH

Start Screen

When starting the poster, you should be greeted with 3 lines of text. From here, you can just click anywhere on the screen to place colorful circles. The goal is to reveal the hidden text.

Poster

This is what the screen will look like once you fill it with “warmth”. Keep holding the left mouse button to make more and more circles on the screen. Not pressing the left mouse button will lead to the circles disappearing.

2nd Tutorial

Once all of the circles are gone, you will arrive back to 3 lines of text. The first line is changed, emphasizing that the player either gave up holding the mouse button or did not originally hold it.


INTERACTIVE GAME POSTER GOALS AND PROCESS

My Goals In Designing My Interactive Game Poster:

  • Follow K.I.S.S. (Keep it simple, stupid.)
    • I wanted to make a game that evoked emotions while limiting human error as much as possible. 

  • Always be Willing to Scope Down.
    • What I wanted to do originally was somewhat complex to code, and would require a lot of workarounds to make it function in p5.js. Figuring this out helped me understand what I felt comfortable doing.

  • Find Weakness Before Strength
    • I had to look inside to understand that my original design needed to be scrapped and figure out what was worth it to keep. 

  • I Want The Player To Explore
    • Not everything in life is immediately there and using this helps provide players with a need to explore. Keeping the poster simple also helps this from getting out of hand.

Personal Successes:

  • I was able to make a new twist on a tutorial I found online.
  • I figured out which methods in p5.js were hard to use and figured out how to avoid them.
  • I discovered what the limitations of p5.js are by just playing around with the editor and my ideas for the design.

Personal Challenges:

  • It was hard for me to part with using my art. The design I went for would have lagged had I not used simple shapes.
  • Finding a balance between tutorial and abstraction has been hard since I am not trying to have a full tutorial for the poster, and would like some level of user trial and error.

More information