PROJECT TEAM Team Members Aaron Nordyke Cpr E Andrew Brand Cpr E - PDF document

5/3/2007 May 07-08 April 24, 2007 PROJECT TEAM  Team Members  Aaron Nordyke Cpr E  Andrew Brand Cpr E  Mike Boxleiter Cpr E  Ryan Wagner Cpr E  Advisor  Dr. Jiming Song  Client  Reiman Gardens  Nathan Brockman, Butterfly Curator 1

5/3/2007 ACKNOWLEDGMENTS  Graphic Design  Chris Saldanha  Ryan Johnson  Flash Expertise  Chris Saldanha  Butterfly information  Nathan Brockman OVERVIEW  Introductory Information – Andrew  Game Flow – Ryan  Technical Approach – Mike  Testing and Deliverables – Mike  Closing Summary - Aaron 2

5/3/2007 PROBLEM STATEMENT  Video Game  Increase awareness of scientific keys  Flash-based for browser integration  Simple to understand  Fun to play DEFINITIONS Object-oriented language used with ActionScript Flash to allow interactivity between the user and the Flash program Tool for identifying a butterfly, based on Scientific Key its characteristics Flash engine used to simulate Tween movement between frames in the movie Object type within ActionScript, which MovieClip contains methods for interactivity and animation Object type within ActionScript, which Button contains methods for interactivity. 3

5/3/2007 REQUIRED FUNCTIONALITY  Flash & ActionScript  Embed in HTML page  Used only by mouse  Use of scientific keys INTENDED USERS & USES  Users  Elementary school child  Ages 6 and up  Focus on children  Uses  Generally one-time use  Elementary classes  Reiman Tours 4

5/3/2007 ASSUMPTIONS  Internet Access  Latest version  Macromedia Flash  Internet Explorer  Mozilla Firefox  Mouse (keyboard optional)  English speaking  At least 10MB hard drive space LIMITATIONS  Appropriate for children  Monitor 800 x 600 resolution  Download < 2 min on cable/DSL  IE/Firefox  Fun, but educational 5

5/3/2007 GENERAL APPROACH & DESIGN  ActionScript/Flash  Learn through books and tutorials  Code individual components  Combine components together  High resolution pictures  Provided by Reiman Gardens APPROACH & DESIGN CHANGES  Bitmap traces, instead of Cartoon Drawings  Adobe Illustrator JPEG  Vector  One complex collect stage, instead of multiple simple stages  Changed tutorial to in-game help screen 6

5/3/2007 Start SCREEN FLOW Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial Press Menu Button Game Play 9.2.6 Press Menu Button Catch A 9.2.7a/b Butterfly Identify The Butterfly NO Correct? YES 9.2.8 Factoid Full Bag? NO 9.2.9 Release the YES Butterflies STARTING A GAME Start Menu Main Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial Press Menu Button Game Play 9.2.6 Press Menu Button Catch A 9.2.7a/b Butterfly Identify The Butterfly NO Correct? YES 9.2.8 Factoid Full Bag? NO 9.2.9 Release the YES Butterflies 7

5/3/2007 LOAD GAME Start Menu 9.2.1 Main Menu 9.2.2 New Game Load Game 9.2.4 Load Game 9.2.3 Tutorial Press Menu Button Game Play Press Menu 9.2.6 Button Catch A 9.2.7a/b Butterfly Identify The Butterfly NO Correct? YES 9.2.8 Factoid Full Bag? NO 9.2.9 Release the YES Butterflies TUTORIAL Start Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial Press Menu Button Game Play 9.2.6 Press Menu Button Catch A 9.2.7a/b Butterfly Identify The Butterfly NO Correct? YES 9.2.8 Factoid Full Bag? NO 9.2.9 Release the YES Butterflies 8

5/3/2007 CATCH A BUTTERFLY Start Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial Press Menu Button Game Play Press Menu 9.2.6 Button Catch A 9.2.7a/b Butterfly Identify The Butterfly NO Correct? YES 9.2.8 Factoid Full Bag? NO 9.2.9 Release the YES Butterflies BOUNTIES 9

5/3/2007 IDENTIFY THE BUTTERFLY Start Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial Press Menu Button Game Play Press Menu 9.2.6 Button Catch A 9.2.7a/b Butterfly Identify The Butterfly NO Correct? YES 9.2.8 Factoid Full Bag? NO 9.2.9 Release the YES Butterflies FACTOID Start Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial Press Menu Button Game Play 9.2.6 Press Menu Button Catch A 9.2.7a/b Butterfly Identify The Butterfly NO Correct? YES 9.2.8 Factoid Full Bag? NO 9.2.9 Release the YES Butterflies 10

5/3/2007 TECHNICAL APPROACH  ActionScript 2.0  Object Oriented  Sprite-based 2D rendering  Event-driven processing ○ Keyboard ○ Mouse  Audio Output ○ Music ○ Sound Effects  Adobe Flash  Web Browser Integration  Wide Install Base (est. 90%)  Allows Local Storage (save games) TECHNICAL APPROACH  Graphical User Interface Widgets  Digital Keyboard  Scrolling Menu  Expanding Tabs  Custom Cursors  Butterfly Net  Magnifying Glass 11

5/3/2007 ACCOMPLISHMENTS  Butterfly Artificial Intelligence  Menus and screen flow  Player Class  Cookies  Butterfly identification TESTING  Unit Testing  Correct Functionality  Bug Testing  Focus Testing  Children  Non-gamers 12

5/3/2007 DELIVERABLES  Documentaton  In-game tutorial  Support for installation  Single Shockwave File (.swf) containing game RESOURCES Items W/O With Labor Labor Poster $20.00 $20.00 Printing Documentation $20.00 $20.00 Subtotal $20.00 $40.00 Labor at $10.50 / hour (Hours) Boxleiter, Michael 216 $2268.00 Brand, Andrew 188 $1974.00 Nordyke, Aaron 195 $2047.50 Wagner, Ryan 194 $2037.00 Subtotal $8326.50 Total $8406.50 13

5/3/2007 PROJECT SCHEDULE MILESTONES  Design  Implementation  All projects requirements were met  Testing  End-Product Review  Demonstrate to advisor and client  Presentation  IRP and Reiman Gardens 14

5/3/2007 ADDITIONAL WORK  Nathan tutorial video  Help Screens  Identify Questions  Hidden butterflies  Shaking bushes  Turning on streetlight LESSONS LEARNED  Good design is key to good implementation  Fast prototyping before implementation speeds up the process  Leave the graphic design to the graphic designers 15

5/3/2007 SUMMARY AND CONCLUSION  Flash Video Game  Reiman Gardens  Teach kids about butterfly identification  Fun QUESTIONS? May 07-08 16