Hands-on this project on GitHub.

It was December 2017. Ash came to the ASU Tempe Campus. His task is to find the Memorial Union, which is the “heart” of the campus.

Pokemon: Maroon & Gold (beta) is a simple 2D mini-game for macOS. Using SpriteKit framework, I made this little game as a practice for my Swift programming skills for macOS, video editing, and illustration skills for games.

Pokemon Maroon and Gold Cover

Swift and SpriteKit

This game is programmed in Swift 4 and compatible with macOS. I used Apple’s SpriteKit, a 2D framework for game development or media art programs.

Starting Screen Animation

I used Final Cut Pro X to make the animation for the starting screen by using the “video animation” feature.

Illustration of Maps

I used an iOS app, Pixure, a drawing app available for iPhone and iPad, to make pixelated ASU maps. Using my iPad Pro and Apple Pencil, I made 5 screens of maps based on the real map of ASU Tempe campus.

IMG_029A2E16C466-1.jpeg

Figure 1. My work environment using Pixure.

Scene2c

Figure 2. A map sketch example.

Instruction

Press RIGHT key on the Title screen to start the game.

Tools

  • Xcode 9
  • Final Cut Pro X
  • Pixure for iOS

Compatibility

  • Apple macOS

Programming Language

  • Swift 4

This was an opened-topic final project for my AME 430 Mac Development for Media Arts class by professor Loren Olson.


Hands-on this project on GitHub.

Update Log

Ver 1.0 beta 4 – Updated 12/6/2017

  • Bug fixes

Ver 1.0 beta 3 – Updated 12/6/2017

  • Back to the title screen when the user found Memorial Union
  • (Beta) Added stopwatch function to count the time in seconds when the game started (entered Scene1). (See in code)

Ver 1.0 beta 2 – Updated 12/5/2017

  • A well-made welcome animation
  • You can travel a lot of areas (including the Herberger area) on Tempe campus
  • Improved graphics: better map

Ver 1.0 beta 1 – Updated 11/20/2017

  • Initial release

POSTED April 6, 2018

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s