![](https://s3images.coroflot.com/user_files/individual_files/613909_xzlf4bqgkpdlnss9lk_brc0ic.png)
The layout was inspired by steampunk art and a humorous post about a missing cat (http://www.27bslash6.com/missy.html)
![](https://s3images.coroflot.com/user_files/individual_files/613909_l02tjsdyecvvdktrtnbhssvzp.png)
Initial layout for the mansion, which also served as the main menu - Missing Missy was a project that started in my Web Design course. My partner, Sam Cho, and I worked together to create a demo to present to the Engineering Department. I created the illustrations and Sam developed the code.
![](https://s3images.coroflot.com/user_files/individual_files/613909_nt3wmyeg7v5zphdkqiboe4zjj.png)
Simplified layout - we continued developing the graphics beyond our web design class, and made a collective decision to consolidate the menu to reduce visual clutter
![](https://s3images.coroflot.com/user_files/individual_files/613909_ukv5daeh5qey03yb8jbczypsl.png)
Development of Rob Otto - The bottom image was the first prototype for Rob Otto. It was a 2-dimensional figure with a limited, subdued color palette. The top image is the refined and final image, featuring a more 3-dimensional figure due to the inclusion of shadows, and a more vibrant color palette. We aimed to make the facial features recognizable, yet simple.
![](https://s3images.coroflot.com/user_files/individual_files/613909_48pjlagsqfijakxxcw276rqj2.png)
Refined login/welcome page - our engineers worked to integrate speech recognition as well
![](https://s3images.coroflot.com/user_files/individual_files/613909_hwmv8xwn_pudnc0nvlmmzvt4u.png)
First prototype of a scene - Sam and I created a demo for the basement level. We wrote a scenario where the basement had flooded, and Rob had to sail through multiple obstacles to reach the other side, where Missy awaited. This scene depicts the mighty steam kraken, which is defeated when the player states how many legs are on the creature. Rob will then throw gears at the kraken to make the legs vanish.
![](https://s3images.coroflot.com/user_files/individual_files/613909_gzsaewqigdvwy6xumdev02fu0.png)
Sample of transitioning from level to level - each level will display the standard home button (bottom left hand corner) and a coin bar that gauges the amount of coins collected (top right hand corner). At the end of each level, gears will slide up and down the screen with four bars of color, and a motif similar to the login screen will appear with further details and options.
![](https://s3images.coroflot.com/user_files/individual_files/613909_pg8am2l8skvlukb6hscj5do4f.png)
Sample of the layout for the Space level, complete with satellites, stars, and galactic stalagmites
![](https://s3images.coroflot.com/user_files/individual_files/613909_efcg074k5eorsijuks2obxfp6.png)
Sample of the Aquarium layout, with spelling lobsters and rainbow fish nets
gLike