FlappyFlap

If you have time, follow the self-directed tutorial to complete the FlappyFlap game. It's our version of the popular "Flappy Bird" mobile game.

  1. Open the FlappyFlap_Slideshow.pdf
  2. If you have a Windows machine, or if for some reason the bash script does not work for your Mac computer, download the FlappyFlap.zip starter files.
  3. Finish all the steps outlined in the Slideshow.

Tutorial

Follow along with the Slideshow to build your FlappyFlap game. The tutorial has a bash script command that will only work for Mac computers. Download the starter files manually if you are using a Windows machine:

FlappyFlap_Slideshow.pdf FlappyFlap.zip

Create Mods

Now that you understand how to make the basic game, experiment with changing the settings at the beginning of the game.js file.

You can also swap out the graphics of the game. Go to the Resources page to see additional assets you can download to include in your game.

Use an original Avatar Graphic

Hint: You must put the graphic in the /assets folder. Then, you must reference the correct image in the game.js file. There are TWO places that you must swap out the image name.

Use an original Background Graphic

Hint: You must put the graphic in the /assets folder. Then, you must reference the correct image in the game.js file. There are TWO places that you must swap out the image name.

Modify the app icons

Hint: update all icons in the icons folder. You must use the correct image size!! Best method: Open the icon in Photoshop and copy your graphic on top of the file.

Deploy to iPad

In the BubblePop folder on your Desktop, double-click deploy.game.command

The terminal app will ask:
Are you sure you want to continue connecting (yes/no)?
Type yes and hit Enter.

When it says You can close this terminal now
you can close the terminal window.

Play on iPad

Visit summer2014.gomagames.com on iPad.

Click on your name to access your game.
Click the bookmark icon and add the game to your homescreen.
Exit the browser.
Click on the icon to your game.