Dream Daddies

A walkthrough:

When you first open the interactive poster up, you’re greeted with bubbles of various colors. They shake a little bit to give a bit more of an interactive aspect and you click on them to pop them. The first click on the screen begins the music and once all the bubbles are popped, you’re met with the title screen I created in Adobe Illustrator. You press enter to continue and you see the directions screen and to go on to play the game, you press enter again.

You’re then in the game and the mouse cursor is your character and it has to “kiss” or overlap over a daddy character. There’s multiple characters that are able to spawn on the screen: hot daddy who is seen shirtless, nice daddy who has a cute little shirt on, and cute daddy who is blushing. After kissing 100 daddies, the screen plays a nice twinkling win sound and proceeds to play music. If you’re unlucky enough to not go as fast and have 50 daddies on your screen, the game ends because your character becomes overwhelmed.

Design Goals & Process:

I began this project by first making the bubbles, I couldn’t figure out how to make different colored bubbles. At first I did a for loop that randomized the colors when the bubbles were drawn but it would make it so that every second, the bubble would change colors which flashed in your face and wasn’t aesthetically pleasing. So I just had different for loops in the setup to make bubbles of different colors, as well as different classes for the bubble colors.

My next step was to set the background to the game poster/title screen. I encountered another problem when creating the right size for the title screen because my title image kept becoming distorted since I didn’t know how long/wide the display should be to accurately fit my screen, so I coded something to print out to the screen how big the display was to fix it. It also kept giving a bug where the bubbles would appear behind the title screen, and to fix it, I just made my title much larger in adobe illustrator to make up for the space that wasn’t filled behind the title.

I knew that I wanted to create a game, but I wasn’t sure how to switch to different screens. I then looked at an advanced example on how a person created their game in p5 and realized that I had to use ‘modes’ and have different images/backgrounds during each mode. So I configured that and created the directions, play, winning ending, and losing ending screen.

I first wanted to create a twisted horror game that had monster daddies but I couldn’t figure out how to incorporate that into the game as a different mode, so instead I kept it light hearted and created different daddies in Illustrator and the different screens. I wanted to make a collecting game, where I would kiss the daddies to increase the score/collect them, so that’s exactly what I did! I also made the random daddies appear and move which took a while but I got it as well. One big problem I had towards the end was implementing the last end screen.

To make the cursor be the image of the lil guy, I had to change the image mode to center so that it would be centered on the cursor. Thus, when I tried to set the last end screen image, it kept getting cut off because the image was centered at the origin point at 0,0, rather than it being the origin of the upper left corner as it usually is. So I spent quite a bit of time trying to fix that bug, but I eventually put the mode back to cornered mode, which fixed it.

Credits:

Beginning music: https://www.youtube.com/watch?v=8EI383RUgOQ

Bubble click sound: https://elements.envato.com/pop-QKTA234?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_sfx_tag

Enter click sound: https://elements.envato.com/game-bubble-pop-click-U6YQV2J

Little cute kiss sound: https://mixkit.co/free-sound-effects/kiss/

Game music: https://www.youtube.com/watch?v=nkQFuwvCoPo

Win sound: https://elements.envato.com/happy-twinkle-spark-JMBDN73?utm_source=mixkit&utm_medium=referral&utm_campaign=elements_mixkit_cs_sfx_tag

Win music: https://www.youtube.com/watch?v=lcfeTsxzSzo