geena prior event 3 : user interface presentation

41
Geena Prior Event 3 : User Interface Presentation

Upload: ashley-arnold

Post on 14-Jan-2016

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Geena Prior Event 3 : User Interface Presentation

Geena PriorEvent 3 : User Interface Presentation

Page 2: Geena Prior Event 3 : User Interface Presentation

Structure of presentation

Research

Wireframes

New Game Launch Screen

New Menu Screen

New Configuration Screen

HUD

5 Buttons and Switches

3 Variable Controllers

Portfolio Screen

Page 3: Geena Prior Event 3 : User Interface Presentation

Research about LIMBO

In this game you control a young boy who wakes up in a forest, no idea of who you are, how you got there, or where you’re going.

Page 4: Geena Prior Event 3 : User Interface Presentation

Objective of game: Aim is to stay alive and overcome the obstacles and puzzles, to in the end find his lost sister.

Show how he climbs, swing and jump in the launch screen

Page 5: Geena Prior Event 3 : User Interface Presentation

Main character: nameless boy..

Other characters would be for example a spider, other human-like figures and glowing slugs.

Page 6: Geena Prior Event 3 : User Interface Presentation

Gameplay: dark and mysterious look and feel.  Character also has to complete some puzzles.

In the beginning the environment is forest based. Towards the end it becomes more industrialized.

Used this idea for my launch screen

Page 7: Geena Prior Event 3 : User Interface Presentation

Pausing + Resuming: When pausing the Menu bar appears: Resume, Start New Game, Load Chapters, Settings and Exit. When resuming, the character will automatically resume at the last checkpoint.

Setting screen for brightness, controls and credits.

HUD:  No HUD in this game.In-game elements: The player resumes to last checkpoint after he died, and there are no other elements shown of his life status or so.

Controls

Add volume and sound effect

Add mouse

Page 8: Geena Prior Event 3 : User Interface Presentation

Launch screen

Page 9: Geena Prior Event 3 : User Interface Presentation

WIREFRAMING

Page 10: Geena Prior Event 3 : User Interface Presentation

Launch Screen

While screen is loading, the boy runs and Climbs across all the letters, until he reachesThe O where the word ‘loading’ turns into ‘press any key to start’

Page 11: Geena Prior Event 3 : User Interface Presentation

Menu Screen

Using frames and placing them in the game

frames

Page 12: Geena Prior Event 3 : User Interface Presentation

Load Chapter

Page 13: Geena Prior Event 3 : User Interface Presentation

Chapter and About

ABOUT CHAPTER

Page 14: Geena Prior Event 3 : User Interface Presentation

Settings

Page 15: Geena Prior Event 3 : User Interface Presentation

Control

Page 16: Geena Prior Event 3 : User Interface Presentation

Restart chapter Pause/play

speed volume

controllers

brightness/sound effect

volume

speed

Page 17: Geena Prior Event 3 : User Interface Presentation

LAUNCH SCREEN

Page 18: Geena Prior Event 3 : User Interface Presentation

1 2

Mark Prior
Page 19: Geena Prior Event 3 : User Interface Presentation

3 4

Page 20: Geena Prior Event 3 : User Interface Presentation

5 6

Page 21: Geena Prior Event 3 : User Interface Presentation

Once finished loading, this will pop up

7 8

Page 22: Geena Prior Event 3 : User Interface Presentation

MENU SCREEN

Page 23: Geena Prior Event 3 : User Interface Presentation
Page 24: Geena Prior Event 3 : User Interface Presentation

Once you move over it, it starts to glow

Page 25: Geena Prior Event 3 : User Interface Presentation
Page 26: Geena Prior Event 3 : User Interface Presentation
Page 27: Geena Prior Event 3 : User Interface Presentation
Page 28: Geena Prior Event 3 : User Interface Presentation
Page 29: Geena Prior Event 3 : User Interface Presentation

Moves down

Page 30: Geena Prior Event 3 : User Interface Presentation

CONFIGURATION SCREEN

Page 31: Geena Prior Event 3 : User Interface Presentation

Configuration Screen

Page 32: Geena Prior Event 3 : User Interface Presentation
Page 33: Geena Prior Event 3 : User Interface Presentation

HUD

Page 34: Geena Prior Event 3 : User Interface Presentation

Time and points recordedfor overall game

The speed he is running at

To play and pausethe game

To restart a chapter

Volume button (volume orno volume

Resize the sizeof the screen

Controls screen, how buttons function

Page 35: Geena Prior Event 3 : User Interface Presentation
Page 36: Geena Prior Event 3 : User Interface Presentation

BUTTONS

Page 37: Geena Prior Event 3 : User Interface Presentation

up

mouse over

mouse down

turns 360

Sliders run over each other when theychange

Gives a glow according to what speed you change it to

off

on

minimize

maximize

Page 38: Geena Prior Event 3 : User Interface Presentation

VARIABLE CONTROLLERS

Page 39: Geena Prior Event 3 : User Interface Presentation

Look of mouse once you move over a variable controller

Here you can change exact amount of his speedAnd the legs of the boy move by increasing and decreasing it accordingly.

Brightness of screen. The clipart on the side will glow every time you change it

Sound effects the boy creates. The boywill jump up and down every time you increase or decrease the sound effects

The volume clipart will glow everytime you increase or decrease it

Page 40: Geena Prior Event 3 : User Interface Presentation

PORTFOLIO SCREEN

Page 41: Geena Prior Event 3 : User Interface Presentation

LOCK AND UNLOCKFOR A CHAPTER YOU HAVE COMPLETED

MOUSE DEVICE FORCONTROLLERS

ACHIEVEMENTS (glows if have achieved something)

‘GO BACK’ BUTTON

TIME AND POINTSTAKEN FOR EACHCHAPTER

BUTTONS

VARIABLE CONTROLLERS EXTRAS