1. Aaron Yuen 1 Outline 9.1Storyboarding & Charting Method for Game Design 9.2Game State in Game Development 9.3Game State Management 9.4GUI Assets for Gameplay 9.5Example References & Tips 9.6Official XBOX LIVE GUI Graphics MTA-4201 Game Programming Chapter 9 : Game State Management & GUI

2. 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.

3. Aaron Yuen 3

4. 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)

5. Aaron Yuen 5 9.2 Game State in Game Development

6. Aaron Yuen 6 9.3 Game State Management

7. Aaron Yuen 7 9.3 Game State Management

8. 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

9. Aaron Yuen 9 9.4 GUI Assets for Gameplay (3) Health bar / Magic indicator

10. Aaron Yuen 10 9.4 GUI Assets for Gameplay (3) Health bar / Magic indicator

11. 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); }

12. Aaron Yuen 12 9.5 Example References & Tips

13. Aaron Yuen 13 9.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 :