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

5/3/2007 1

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

5/3/2007 2

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

5/3/2007 3

PROBLEM STATEMENT

 Video Game  Increase awareness of scientific keys  Flash-based for browser integration  Simple to understand  Fun to play

DEFINITIONS

ActionScript Object-oriented language used with Flash to allow interactivity between the user and the Flash program Scientific Key Tool for identifying a butterfly, based on its characteristics Tween Flash engine used to simulate movement between frames in the movie MovieClip Object type within ActionScript, which contains methods for interactivity and animation Button Object type within ActionScript, which contains methods for interactivity.

5/3/2007 4

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

5/3/2007 5

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/3/2007 6  ActionScript/Flash  Learn through books and tutorials  Code individual components  Combine components together  High resolution pictures  Provided by Reiman Gardens

GENERAL APPROACH & DESIGN 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

5/3/2007 7

SCREEN FLOW

Game Play Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial 9.2.6 Catch A Butterfly 9.2.7a/b Identify The Butterfly 9.2.9 Release the Butterflies 9.2.8 Factoid Full Bag?

YES NO

Start

Press Menu Button Press Menu Button

Correct?

YES NO

Game Play Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial 9.2.6 Catch A Butterfly 9.2.7a/b Identify The Butterfly 9.2.9 Release the Butterflies 9.2.8 Factoid Full Bag?

YES NO

Start

Press Menu Button Press Menu Button

Correct?

YES NO

STARTING A GAME

Main Menu

5/3/2007 8

Game Play Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial 9.2.6 Catch A Butterfly 9.2.7a/b Identify The Butterfly 9.2.9 Release the Butterflies 9.2.8 Factoid Full Bag?

YES NO

Start

Press Menu Button Press Menu Button

Correct?

YES NO

LOAD GAME

Load Game

Game Play Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial 9.2.6 Catch A Butterfly 9.2.7a/b Identify The Butterfly 9.2.9 Release the Butterflies 9.2.8 Factoid Full Bag?

YES NO

Start

Press Menu Button Press Menu Button

Correct?

YES NO

TUTORIAL

5/3/2007 9

Game Play Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial 9.2.6 Catch A Butterfly 9.2.7a/b Identify The Butterfly 9.2.9 Release the Butterflies 9.2.8 Factoid Full Bag?

YES NO

Start

Press Menu Button Press Menu Button

Correct?

YES NO

CATCH A BUTTERFLY BOUNTIES

5/3/2007 10

Game Play Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial 9.2.6 Catch A Butterfly 9.2.7a/b Identify The Butterfly 9.2.9 Release the Butterflies 9.2.8 Factoid Full Bag?

YES NO

Start

Press Menu Button Press Menu Button

Correct?

YES NO

IDENTIFY THE BUTTERFLY

Game Play Menu 9.2.1 Main Menu 9.2.2 New Game 9.2.4 Load Game 9.2.3 Tutorial 9.2.6 Catch A Butterfly 9.2.7a/b Identify The Butterfly 9.2.9 Release the Butterflies 9.2.8 Factoid Full Bag?

YES NO

Start

Press Menu Button Press Menu Button

Correct?

YES NO

FACTOID

5/3/2007 11

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

5/3/2007 12

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

5/3/2007 13

DELIVERABLES

 Documentaton  In-game tutorial  Support for installation  Single Shockwave File (.swf) containing

game

RESOURCES

Items W/O Labor With 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

5/3/2007 14

PROJECT SCHEDULE MILESTONES

 Design  Implementation  All projects requirements were met  Testing  End-Product Review  Demonstrate to advisor and client  Presentation  IRP and Reiman Gardens

5/3/2007 15

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

5/3/2007 16

SUMMARY AND CONCLUSION

 Flash Video Game  Reiman Gardens  Teach kids about butterfly identification  Fun

May 07-08

QUESTIONS?