CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

22
CS160: Interactive Prototype ary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo

Transcript of CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Page 1: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

CS160: Interactive Prototype

Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo

Page 2: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

IntroductionOverall ProblemRepresentative TasksUser Interface Design + Live DemoSummaryQuestions

Page 3: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Problem?

Page 4: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Problem? Students often lack the motivation of

learning math. They often shy away from learning math because they simply find it to be useless in everyday life.

Page 5: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Problem? Students often lack the motivation of

learning math. They often shy away from learning math because they simply find it to be useless in everyday life.

Solution?

Page 6: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Problem? Students often lack the motivation of

learning math. They often shy away from learning math because they simply find it to be useless in everyday life.

Solution? Our solution is to integrate math

questions with an RPG world in which progress is made by upgrading your character, defeating enemies and advancing levels.

Page 7: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

EASY TASK: NAVIGATING THE WORLD MAP

Page 8: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

FREE-ROAMING PATH VS. LINEAR PATH

Page 9: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

MEDIUM TASK: SOLVING PUZZLES

Page 10: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

HARD TASK: BATTLING MONSTERS

Page 11: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Navigation: World Map Inputs are mapped to the keyboard Directional arrows are used to move “Esc” is the designated Cancel button as well

as the Status Menu toggler “Enter” is the designated Action button

Page 12: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Navigation: Dungeon Map Portals are used to designate dungeon entrances A helpful sign post alerts the user of the particular dungeon User moves to the portal and hits the Action button (Enter)

to enter the chosen dungeon

Page 13: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Navigation: Dungeon Maps Helpful hints, puzzles, and monsters are found in dungeons Each dungeon is themed with a particular mathematical subject,

such as addition or subtraction At the end of each dungeon, the user must defeat a boss to

advance

Page 14: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Battling: Monsters To engage a monster, the user must walk up and touch the monster. The

Action key is not needed to initiate combat. Players have 4 main options available to them: Attack, use a Skill,

Meditate, use an Item. Battles are turn-based systems. UI draws heavily from Final Fantasy and other popular RPGs, such as

Pokemon. Usability relies heavily on user’s familiarity with such products.

Page 15: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Puzzles Puzzles are events that are triggered by player touch. Puzzles will take forms

of various mathematical patterns, theories, and puzzles. These questions are harder than the typical battle math questions, but the rewards are generous.

Puzzles are geared towards helping the user think more abstractly about math, in general

Technique of choice here is a simple input box for users to answer the puzzle. Changed from initial low-fidelity test. Reason? GUI of puzzle system made the

puzzle even more confusing. Also, scripting limitations played a role as well.

Page 16: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Battling: Bosses Meditate restores a player’s SP meter so skills can be used. However, in order to do so, the user

must correctly answer math questions. These questions are based on the dungeon type. Using skills will be the best strategy used against boss monsters. That means the user will

have to meditate a lot more during these battles. This means more practice with more math problems. Meditate is designed to get the player to answer math questions quickly and efficiently.

The UI design of choice here is a multiple-choice layout menu system. If correctly answered, the player’s SP is replenished. If incorrect, the player loses a turn and nothing happens.

This was changed since the low-fidelity prototype. Reason? User feedback suggested that choosing an answer was faster and more fluid than inputting one. Historically, RPGs of the past followed this same theme, as well.

Page 17: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Battling: Bosses (cont.) Skills follow the familiar menu layout of Final Fantasy and Pokemon battle

systems. After a boss has been conquered, the next dungeon is unlocked. Furthermore,

the user receives a new, stronger skill for use in the subsequent dungeon.

Page 18: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Status Menu: Using Items Items are usable during battles as well as on the world/dungeon maps Pressing the ‘Esc’ key in the world/dungeon maps will toggle the Status

Menu. The status menu displays information about the game to the player

The layout of choice here was derived from typical Final Fantasy layouts. Once again, user familiarity plays a huge role of usability here.

Page 19: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

Scripting Language The underlying language used in our game is Ruby Reason? All the benefits of OOP and tons of support

from the online community.

Page 20: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.

With our Math RPG, we hope to get kids to learn, practice, and use math in a fun yet educational environment. Optimally, the game will be able to get kids who have little interest in math to practice and improve their knowledge.

Page 21: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.
Page 22: CS160: Interactive Prototype Gary Wu - Jordan Berk - Mike Kendall - Mohammed Ali - Hao Luo.