Aaron Yuen

1

Outline9.1 Storyboarding & Charting Method for Game Design9.2 Game State in Game Development9.3 Game State Management 9.4 GUI Assets for Gameplay9.5 Example References & Tips9.6 Official XBOX LIVE GUI Graphics

MTA-4201 Game ProgrammingChapter 9 : Game State Management & GUI

Aaron Yuen

2

9.1 Storyboarding & Charting Method for Game Design

Storyboards are also used in the creation of computer games. Video games often have detailed, animated presentations that mimic short films. The process involving character designs, locations and so on.

There are also computer games that move through various settings while looking for clues, building up a story.

In this case, the storyboard works as a skeleton for the production.

Aaron Yuen

3

Aaron Yuen

4

9.1 Storyboarding & Charting Method for Game Design

There are Three ways to output text in XNA games:

(1) Xml based spritefont (For English)

Aaron Yuen

5

9.2 Game State in Game Development

Aaron Yuen

6

9.3 Game State Management

Aaron Yuen

79.3 Game State Management

Aaron Yuen

8

9.4 GUI Assets for Gameplay(1) Hold the game for a given period :

using System.Threading;

….

Thread.Sleep(1000);

(2) Fade in / Fade out

public void FadeBackBufferToBlack(int alpha)

{

Viewport viewport = GraphicsDevice.Viewport;

spriteBatch.Begin();

spriteBatch.Draw(blankTexture, new Rectangle(0, 0, viewport.Width, viewport.Height),

new Color(0, 0, 0, (byte)alpha));

spriteBatch.End();

}

(3) Health bar / Magic indicator

Aaron Yuen

9

9.4 GUI Assets for Gameplay(3) Health bar / Magic indicator

Aaron Yuen

10

9.4 GUI Assets for Gameplay(3) Health bar / Magic indicator

Aaron Yuen

11

9.4 GUI Assets for Gameplay(4) Timer double timer = 0;

protected override void Update(GameTime gameTime)

{

// Allows the game to exit

if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)

this.Exit();

// TODO: Add your update logic here

timer += gameTime.ElapsedGameTime.TotalMilliseconds;

if (timer > 1000)

{

timer = 0;

timeRemain++;

}

base.Update(gameTime);

}

Aaron Yuen

129.5 Example References & Tips

Aaron Yuen

139.6 Official XBOX LIVE GUI Graphics(1) Example Games from XBOX LIVE :

http://catalog.xna.com/en-US/gamescatalog.aspx

(2) There are standard GUI elements provided by Microsoft, game developers are welcome to use in their games for free :