Startup Incubator
  • Home
  • About
    • Press
    • Team
    • Facilities
    • Beyond the Walls
    • Photos
  • Curriculum
    • Overview
    • Student Agreement
    • Design Thinking >
      • Crash Helmet
      • Dreidel Fab
    • Computational Thinking
    • Mobile App Dev
    • Robotics
    • 3D Printing
    • BioPrinting
    • System Dynamics
  • Events
  • Contact

Mobile App Dev


: mobile app dev is the process of designing, developing, programming, debugging, and distributing a mobile app.

Apps may be developed using a variety of tools.  GameSalad (for iOS and Android), MIT App Inventor, and App Lab (at Code.org) are great tools for creating fun, functional mobile apps.  Students can create games, navigation tools, soundboards, games for good, and more.

WHAT CAN MY GAMES LOOK LIKE?

FIVE BASIC ELEMENTS OF GAME DESIGN
​
Many (although not all) of the apps you'll want to create are games.  There are five basic elements of game design:
  • Space (environment)
  • Goals
  • Components (people, objects, Easter eggs)
  • Mechanics (how do you play... jump, run, shoot?)
  • Rules
You'll need to carefully consider and plan for these when building your game.

GAMES FOR GOOD
​
​A growing movement in game design is the creation of Games for Good and Games for Change.  This movement recognizes the power of games to connect people, engage them, teach them, embody ruach, and promote positive change.  Take a look of the examples on the following website, then think of some themes you might be interested in developing into games... clean water? protecting free speech? promotion of physical play and fitness?  no texting while driving?  sufficient sleep for tweens and teens?  avoiding drugs?
Picture
Picture
Picture

BASIC GAME MODELS

​Every game has a cover story and an underlying structure.  In terms of game design, the cover story consists of the Space (environment), Goals, and Components (people, objects, Easter eggs). In terms of game design, the underlying structure consists of the mechanics, and rules.  The underlying structure can be crafted in a variety of forms, for example, collection, avoidance, or zapper. 
Picture
Picture
Collection Template
  • Hero and targets
  • The accelerometer senses tipping of the mobile device, moving the hero around the screen
  • Uses a score attribute to count how many targets have been collected

Get the Water game... Capture clean water to avert a humanitarian crisis worldwide.
  • The bucket is the hero, the water drops are the targets
  • When all droplets are collected, the player wins
Picture
Picture
Avoidance Template
  • Hero and targets
  • Accelerometer motion of hero
  • Avoid touching targets
  • When hero  xcor > value, win

Scandals game... Avoid political scandals!
Picture
Picture
Zapper Template
  • Hero, targets, and zaps
  • Uses the touch sensor to move the hero side-to-side and fire a zap
  • Uses a score attribute to count how many targets have been zapped

Immunity game
Guide an immunity cell to hunt viruses and stay healthy!
  • The immunity cell is the hero, the viruses are the targets
  • Touch the immunity cell to fire a zap
  • When all viruses are zapped, the player wins

VIDEOS - SENSORS

​Mobile device apps capitalize on sensors, including the touch sensor and the accelerometer. These videos give an overview of how these work:

VIDEOS - TUTORIALS ON GAMESALAD

​These videos give a simple introduction to GameSalad. They provide step-by-step guidance on a variety of themes, from incorporating gravity in your games to building a side-scroller.

INSTRUCTIONAL GUIDES IN GAMESALAD

​Note: GameSalad has recently migrated to an online interface. The instructions below remain applicable, however be sure to look closely as the exact layout of the interface has changed slightly.
Picture
Programming Naughty Little Monkey in GameSalad (touch sensor)
naughty_little_monkey_gs.pdf
File Size: 1525 kb
File Type: pdf
Download File

Picture

Programming Penguin Politician in GameSalad (accelerometer)
penguin_politician_gs.pdf
File Size: 16079 kb
File Type: pdf
Download File


Picture
Programming Earthworms on Mars in GameSalad (touch sensor)
earthworms_on_mars.pdf
File Size: 9182 kb
File Type: pdf
Download File

Picture
Programming Sushi Slots in GameSalad (includes Expected Value analysis)
sushi_slots.pdf
File Size: 18545 kb
File Type: pdf
Download File


Picture
Programming Earthbound in GameSalad
​(sidescrolling shooter, for Arcade play)
earthbound_directions.pdf
File Size: 16231 kb
File Type: pdf
Download File


OPERATING A GAMESALAD APP ON YOUR MOBILE DEVICE
  • Output your finished game to the GameSalad public studio.
  • Go to the App Store on your phone and download and then install the GameSalad Viewer App. 
  • Go to the App Store and download and then install any QR code viewer.
  • In GS, generate the QR code for your game.
  • On your phone, open your QR code reader and shoot the code you see on your computer screen. The app will appear and operate on your mobile device.
Site maintained by Startup Incubator Tech Team
  • Home
  • About
    • Press
    • Team
    • Facilities
    • Beyond the Walls
    • Photos
  • Curriculum
    • Overview
    • Student Agreement
    • Design Thinking >
      • Crash Helmet
      • Dreidel Fab
    • Computational Thinking
    • Mobile App Dev
    • Robotics
    • 3D Printing
    • BioPrinting
    • System Dynamics
  • Events
  • Contact