top of page

Forerunner

iOS Running Game
All Are Kings
Overview

Forerunner is a side-scrolling platforming game for the iPhone and iPad developed in Unity engine.  

The game consists of twenty-five levels, five environments, and an endless mode.  

My Roles:

 

Level design

Narrative design/Writing

Background Colors

UI artist

VFX artist

Level18+Purple+2011-11-02+13-14-51-05.png

Level18+Purple+2011-11-02+13-14-51-05.png

LavaScreenshot.png

LavaScreenshot.png

Level11Blue.png

Level11Blue.png

Level12+BLUE+2011-11-02+13-12-23-28.png

Level12+BLUE+2011-11-02+13-12-23-28.png

Level18+Purple+2011-11-02+13-15-19-11.png

Level18+Purple+2011-11-02+13-15-19-11.png

Level12+BLUE+2011-11-02+13-13-19-27.png

Level12+BLUE+2011-11-02+13-13-19-27.png

Level18+Purple+2011-11-02+13-15-01-35.png

Level18+Purple+2011-11-02+13-15-01-35.png

Level12+BLUE+2011-11-02+13-12-12-82.png

Level12+BLUE+2011-11-02+13-12-12-82.png

Level18+Purple+2011-11-02+13-15-25-45.png

Level18+Purple+2011-11-02+13-15-25-45.png

Level12+BLUE+2011-11-02+13-13-18-17.png

Level12+BLUE+2011-11-02+13-13-18-17.png

Level18+Purple+2011-11-02+13-15-17-78.png

Level18+Purple+2011-11-02+13-15-17-78.png

Level12+BLUE+2011-11-02+13-12-58-32.png

Level12+BLUE+2011-11-02+13-12-58-32.png

Level18+Purple+2011-11-02+13-15-50-37.png

Level18+Purple+2011-11-02+13-15-50-37.png

Level12+BLUE+2011-11-02+13-13-20-40.png

Level12+BLUE+2011-11-02+13-13-20-40.png

Level18+Purple+2011-11-02+13-15-03-11.png

Level18+Purple+2011-11-02+13-15-03-11.png

Level12+BLUE+2011-11-02+13-12-51-44.png

Level12+BLUE+2011-11-02+13-12-51-44.png

LavaScreenshot2.png

LavaScreenshot2.png

Level12+BLUE+2011-11-02+13-12-54-22.png

Level12+BLUE+2011-11-02+13-12-54-22.png

Level Design

I designed ten of Forerunner's twenty-five levels, or two of the game's five "Worlds." 

Levels in Forerunner are made of hundreds of separate prefabs that each contain a 2D sillhouette texture and a 3D collider.  By arranging these prefabs and adding in background elements, coins, checkpoints, and additional volumes, we were able to rapidly create many levels using a discrete amount of base elements.  The character runs automatically.  The player taps and swipes on the screen to make the character avoid obstacles and gather coins.

The levels of world 3, "The Mountain," were meant to feel open and airy, and to lead the player upward.   Conversely, the levels of world 4, "The Mines,"  were meant to feel closed and constricted, and to lead the player deep into the earth (there's lava).  

_Intro+-+1a.png

_Intro+-+1a.png

_Intro+-+1b.png

_Intro+-+1b.png

_Intro+-+2.png

_Intro+-+2.png

_Intro+-+3.png

_Intro+-+3.png

_Intro+-+4a.png

_Intro+-+4a.png

_Intro+-+4b.png

_Intro+-+4b.png

End+-+1.png

End+-+1.png

End+-+2.png

End+-+2.png

End+-+3.png

End+-+3.png

End+-+4a.png

End+-+4a.png

End+-+4b.png

End+-+4b.png

End+-+4c.png

End+-+4c.png

End+-+4d.png

End+-+4d.png

Narrative Design

I made these story panels to tell the legend of the Forerunner.  They appear at the beginning and end of the game.

The Story Panels use assets from the game's levels and UI, and tell a story of a civilization in decline.  The only way to rejuvinate the land is to summon the Phoenix, who will remake the world.

 

A lone runner is sent on a quest to light the 25 sacred shrines littered throughout the five worlds.  Once all the fires are lit, the Phoenix will come at last.

 

The story ends with the death of the runner.  Her quest complete, she must pass on so that the new world can take root.  However, all that dies will live again, and the runner is sure to return one day.

LavaScreenshot.png

LavaScreenshot.png

Level3+Yellow+2011-11-02+13-09-49-91.png

Level3+Yellow+2011-11-02+13-09-49-91.png

Level9+Green+2011-11-02+13-10-56-10.png

Level9+Green+2011-11-02+13-10-56-10.png

Level12+BLUE+2011-11-02+13-12-59-12.png

Level12+BLUE+2011-11-02+13-12-59-12.png

Level18+Purple+2011-11-02+13-14-51-05.png

Level18+Purple+2011-11-02+13-14-51-05.png

Level21+RED+2011-11-02+13-16-57-01.png

Level21+RED+2011-11-02+13-16-57-01.png

Backgrounds, Colors, VFX

For Forerunner, we wanted a simple but striking visual style that would work well on a mobile device.  We came up with a look that combined sillhouetted gameplay elements with monochromatic backgrounds.

I put together the background layers, selected colors, and created the visual effects (particle systems) for Forerunner.

Using a pool of assets painted by Justin Nichols, I arranged elements into three layers of background for every level.  Each layer was assigned a color to match the theme of the world.

I also made a number of particle systems to simulate dangerous 'lava' as well as to illustrate game mechanics such as jumping, landing, death, and collecting coins.

level_select_final_portfolio.png

level_select_final_portfolio.png

Forerunner_gameicon.png

Forerunner_gameicon.png

pre_game_final.png

pre_game_final.png

medals.png

medals.png

post_game_final.png

post_game_final.png

_Intro+-+1a.png

_Intro+-+1a.png

385968_300128476681851_300128193348546_1159804_863878137_n.jpg

385968_300128476681851_300128193348546_1159804_863878137_n.jpg

ForerunnerLogo.png

ForerunnerLogo.png

User Interface

I was the UI artist for this project.  I created assets for buttons, menu screens, and the icon using Adobe Photoshop and Illustrator.  

Menus in Forerunner include the Main Menu, Level Select Menu, Pre-game overlay, Post-game overlay, Story Panels, Options, and Credits.  

 

I designed the Forerunner's "Phoenix" insignia, which is seen throughout the game in the rank medals, the shrines, and the main game logo.

Trailer  - edited by Remi Storms

Remi Storms put this trailer together using video captured from the game.  Jared Wuerzburger added sound and music.  Remi and Justin Nichols also made a short video describing the mechanics and design of Forerunner.  Hit the links below to watch the Mechanics video and a shorter, "Teaser" trailer for Foreunner.

Forerunner Credits:

Progamming and Design:

Balraj Basi, Jarret Mackenna

Art and Design:

Remi Storms, Justin Nichols, Christopher Ellington

SFX and Music:

Jared Wuerzburger

bottom of page