BENJAMIN WHITTAKER

Star Blaster

A legacy game gets spun into the new age with an updated, modern look and feel.

Project prompt

Create a browser game

Prompt: "Your task is to build an app that creates a browser-based game utilizing HTML/CSS/JavaScript."

After considering the work we had already completed, I decided to recreate a game from my childhood, Asteroids.

The project must: Utilize flexbox or grid (or both) · Have at least 20 meaningful git commits · Code must be properly formatted · Be deployed on Surge

Research

The original game

Released November 1979

The object of the game is to shoot and destroy the asteroids and saucers, while not colliding with either, or being hit by the saucers' counter-fire.

Product definition

×

Mapping out the experience

I planned out the project by mapping necessary pages and figuring out what could be done quickly. I then identified changes that could be made to improve the project and labeled them as enhancements.

Wireframes

Initial wireframes

To practice forcing myself to keep things simple, I used FigJam to make my wireframes and used the flow diragram and expcted behaviors to map out my most important pages.

×

Final design

Future goals

Short term

Multi-colored asteroids

Visual updates to ship

Abandon during game

User name add

Long term

Animations of actions (explosions etc.)

Show broken ship after loss (for story telling)

Saving past winner data