Project Mio is a game I was able to develop for Microsoft when I was contracting there. A team of 4, including myself, were given an opportunity to design a product. We actually made 2 products. This particular project, codename Project Mio, was one that we worked on and off for a year and a half. We made a goal to get the game to a demo stage which we met and were able to share with a school in the south Seattle region. We have many kids play the game with enthusiastic and positive feedback.

mio.png

Project Mio is a game that exposes kids to coding. We wanted to make a game that kids would want to actually play. We tested other coding games and felt that they we're dry. We wanted to make an interesting story and include a lot of agility puzzles and exploration. Going from popular 2d games and focusing on exposure instead of deep learning we married the two. We wanted Mio to get kids over the stigma that coding is hard and too difficult to even try. In Mio we have simple puzzles that get a little harder as you progress through the game. We also included a dictionary that would give kids more exposure so those interested could learn more detail about coding principals and how code works.

Tablet Mode

When you come across coding challenges in the game you pull out your tablet to edit the code of objects on screen.

You collect Snippet Cards of an object and put them into your Repo editor.

Once you collected your cards you can drag them into your code editor window on the right manipulate or edit the object to complete your challenge. 

Challenges

We planned out and developed challenges for each level. These were the moments where you pull our your (in game) tablet and use the code or debug to win the challenge. 

Rube Goldberg Challenge

Rube Goldberg Challenge

Spike Bridge Challenge

Spike Bridge Challenge

Turtle Mom Challenge

Turtle Mom Challenge

Cast

We created a supporting cast, or at least a start to one. Here is a snippet of characters who may someday be seen in the game.

Supporting Cast

Supporting Cast

Level 1 creatures

Level 1 creatures

Level 2 characters

Level 2 characters

Level 5 characters

Level 5 characters

Wireframes

I created many wireframes and storyboards to help the developers understand how a challenge would work and for level layout.

Level 1 A - Wireframe

Level 1 B - Wireframe

Level 1 A - Wireframe

Future Levels

We had many plans to build future levels for Mio. I created quite a bit of concept art to image where we could take Mio.

We also had plans to give Mio a personalization UI.