iOS Lab 4 - MarioKart

  

Overview

Tired of boring button-centric UI? Well...in iOS it's easy to implement interactive gestures and fun animations to give your UI some well deserved pop! In this lab you'll build an app that allows users to interact with characters from the iconic video game, Mario Kart, panning, scaling, rotating and then sending them zooming off the screen! 🏎

User Stories

• Tier 1 (Demo project on master branch)
  1. User can move karts around the screen using a pan gesture.
  2. User can adjust the size of a cart using a pinch gesture.
  3. User can rotate a cart using a rotation gesture.
  4. User can double tap a kart to make it zoom (animate) off the screen.
  5. User can long press the background to reset the karts.
• Tier 2 (Demo Project on tier 2 stories branch)
  1. User can use pinch and rotation gestures simultaneously.
  2. While panning, karts slightly scale up and back down to simulate being picked up and put back down.
  3. When a user double taps a kart it
     1. Animates backwards slightly before racing off to simulate winding up.
     2. Pops a wheelie by rotating up and back down as it races off.
     3. After finishing racing off the screen, the kart fades back in it's original position.
  4. User can triple tap the background to make all karts on the track zoom (animate) off at different speeds.
• Tier 3 (Demo Project on tier 3 stories branch)
  1. When a user triple taps to initiate a race sequence, a character with a stop light floats down, animates through the lights (gif sequence) ending on green to signal the race. The karts then go racing off.
  2. In a race sequence, each kart races off at different speeds and the winner is presented in a winner card that drops in from the top of the screen.
  3. In the winner card, the winner is shown in an animated gif sequence.
  4. The user can tap or pan the winner card to dismiss the card and return to a reset version of the game.
  5. After a race sequence, the karts drive into position from off the left side of the screen.

New Topics

1. Assets
   1. Adding images to Assets folder
   2. Adding images from Media Library to Storyboard
2. Gesture Recognizers
   1. Objects
      • Pan, Pinch, Rotation, Tap, Long Press
   2. Actions
      • Creating gesture actions in IB, working with the sender
   3. Properties
      • Location, rotation, scale
   4. States
      • Began
3. View Animations
   1. Working with view animation methods.
      • Asynchronous execution
   2. Initial & destination states of animated views.
4. View Properties
   1. Resizing views in IB
   2. Adjusting view hierarchy in IB
   3. Content Modes
      • Aspect Fit
   4. Transform
      • Rotation, scale, identity
5. Simulator
   1. Working with gestures

Bonus Topics

1. Gesture Recognizers
   1. Properties
      • Translation
   2. States
      • changed, ended
   3. Delegate
      • Setting gesture delegate in IB, delegate methods
2. View Animations
   1. Working with view animation methods.
      • completion handlers, animation settings
3. View Properties
   1. Programmatic wiew hierarchy modifications
   2. Subviews
4. Swift
   1. Outlet collections
   2. Iterating through collections
      • Accessing item index while iterating
   3. Generating random numbers