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.

Slides:

Advertisements

Similar presentations

2000 Prentice Hall, Inc. All rights reserved. 1 Outline 3.1Introduction 3.2Game Loop Components 3.3How to Implement in C# 3.4Adding Image to XNA Project.

Advertisements

11 Reaction Timer Game Session 8.1. Session Overview  Find out how an XNA program can measure the passage of time and trigger events at certain points.

COMPUTER PROGRAMMING 2 Chapter 7 Sound. Objectives Find out how to prepare sounds for inclusion in Microsoft XNA projects. Incorporate sounds into XNA.

Roger Boesch Developer Technical Specialist Developer and Platform Group.

2.02E Adding and Animating Text into Computer Animations 2.02 Develop Computer Animations.

Game Programming Chapter 1 Review Part One Juniors March 11, 2011.

I can haz gamez?. Bret Stateham Microsoft Developer Evangelist Blog:

Finishing 2D COSC 315 Fall 2014 Bridget M. Blodgett.

Computer Science – Game DesignUC Santa Cruz CMPS 20: Game Design Experience January 14, 2010 Arnav Jhala.

Adding Free Text to the Chart. Activating the drawing tool bar Adding Free Text to the Chart, Slide 2Copyright © 2004, Jim Schwab, University of Texas.

CHAPTER 4 Images XNA Game Studio 4.0. Objectives Find out how the Content Manager lets you add pictures to Microsoft XNA games. Discover how pictures.

Rob Miles Microsoft MVP University of Hull Fun Programming with Visual Studio.

Computer Systems Chapter 1 Pages Hardware-physical pieces Key hardware components in a computer system: The physical parts. – Central processing.

COMPUTER PROGRAMMING 2 Timers. Game Idea: Mob Reaction Timer Use a timer variable to keep track of time and a variable for each player to measure the.

Getting Started. XNA Game Studio 4.0 To download XNA Game Studio 4.0 itself, go to XNA Game.

Using Namepsaces  This section lists the namespaces that the application will be using frequently. Saves the programmer from specifying a fully qualified.

XNA 4.0 簡介靜宜大學資工系蔡奇偉副教授 © 大綱 XNA 簡介 XNA Framework XNA Build XNA Game Studio 建立 XNA 4 的專案方案的目錄結構 XNA Game Studio 4.0 參考手冊 Hello, XNA XNA Game.

Developing the Game User Interface (UI) Lesson 5.

1 Useful Tools for Making Video Games Part V An overview of.

11 Using the Keyboard Session Session Overview  Introduce the keyboard device  Show how keys on a keyboard can be represented by enumerated types.

Rob Miles. Creating a Working MoodLight We know that colours in XNA are stored as values which represent the amount of red, blue, green and transparency.

CS PC/CONSOLE GAME PROGRAMMING/DEVELOPMENT CHAPTER 2: DRAWING, DATA AND CONTROLS.

11 Working with Images Session Session Overview  Find out more about image manipulation and scaling when drawing using XNA  Start to implement.

XNA An Introduction. What XNA is… Microsoft® XNA™ is composed of industry- leading software, services, resources, and communities focused on enabling.

XNA Game Studio 4.0 Keyboard and Mouse Controls + more on Animated Sprites.

11 Making a Sprite Session 4.2. Session Overview  Describe the principle of a game sprite, and see how to create a sprite in an XNA game  Learn more.

Introduction to Presentation Software Steve J. Hodges CS1L Cabrillo College Fall 2006 Steve J. Hodges CS1L Cabrillo College Fall 2006.

Rob Miles. How does an XNA game program work? Programs tell computers what to do A program is written in a programming language – C# is a programming.

Electronic Presentations Mrs. Triplett B.T.A.. Presentation Vocabulary Slide- An individual screen in a presentation. Slide master - Used to make global.

CHAPTER 3 Getting Player Input XNA Game Studio 4.0.

CHAPTER 6 Multiplayer XNA Game Studio 4.0. Objectives Discover how to detect and use individual button-press events in a game. Learn how to create and.

Road To Success 2007 Version cannot have items over the video.

DIGITAL CONTENT CREATION PROCESS fff PRE-PRODUCTION PRODUCTION POST-PRODUCTION Process ANIMATION PROCESS.

CHAPTER 2 The Game Loop - Variables, Types, Classes and Objects in XNA XNA Game Studio 4.0.

Game Design Document Pertemuan 4 Matakuliah: T0944-Game Design and Programming Tahun: 2010.

11 Writing Text Session 5.1. Session Overview  Show how fonts are managed in computers  Discover the difference between bitmap fonts and vector fonts.

Playing with Sprites. XNA Game Lifecycle In the faceBall demo program we bounced a smiley face around the graphical display against a background image.

VIDEO GAMES HOW VIDEO GAMES ARE MADE AND HOW MUCH EFFORT IT TAKES TO MAKE THEM. BY WYATT.

XNA ● Proprietary Microsoft framework ● C#. Interface.

11 Using the Keyboard in XNA Session 9.1. Session Overview  Discover more detail on how the XNA keyboard is implemented  Find out how to use arrays.

XNA Tutorial 1 For CS134 Lecture. Overview Some of the hard work has already been done for you. If you build and run your game now, the GraphicsDeviceManager.

PowerPoint Animated Template For technology, originality presentation.

Rob Miles. Using data in an XNA game program An XNA game program Draw and Update methods that are called to run the game Colours are held in XNA as four.

YEAR 11 - IPT Term 2 - Tools for Information Processing hardware and Personal information system.

11 Adding Vibration Effects Session Session Overview  Describe how the vibration feature of the gamepad works  Show how an XNA program can control.

XNA Sound Effects. float volume, pitch, pan; SoundEffect boing1; SoundEffect boing2; boing1 = Content.Load ("boing1"); boing2 = Content.Load ("boing2");

+ Game Design Careers. + Game Development Developing an interesting video game is a very challenging task. It usually takes many different people working.

Rob Miles. Creating a Broken MoodLight An XNA game contains game data which is used by the Draw and Update methods – Update updates the game data – Draw.

CHAPTER 5 Text XNA Game Studio 4.0. Objectives Discover how text is drawn using Microsoft XNA. Add some font resources to your XNA program. Draw some.

PowerPoint Demonstration Topics of Discussion n Using PowerPoint n Creating Your Own Presentation.

2.02F Adding and Animating Text in Computer Animations

XNA 4.0 Side Scrolling.

Lecture 4 Using SpriteFonts

Using and Creating Sprites

قانون المنافسة ومنع الاحتكار

3.01E Adding and Animating Text into Computer Animations

2.02E Adding and Animating Text into Computer Animations

PowerPoint Infographics Sampler

Collision Detection.

ANIMATED INFOGRAPHICS SAMPLER DESCRIPTIONS Title slide.

Side Scrolling Game Development.

2.02E Adding and Animating Text into Computer Animations

MTA-4201 Game Programming Chapter 8 : Scrolling Background & Font

-Chapters 19, 20 and 21 -Summarizing Chart -

Interactive media.

ALLPPT.com _ Free Powerpoint Templates, Diagrams and Charts

YOUR text YOUR text YOUR text YOUR text

Assessment Objective Five

ALLPPT.com _ Free Powerpoint Templates, Diagrams and Charts

Collisions with Static Objects

Presentation transcript:

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

Aaron Yuen 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

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 Game State in Game Development

Aaron Yuen Game State Management

Aaron Yuen Game State Management

Aaron Yuen 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 GUI Assets for Gameplay (3) Health bar / Magic indicator

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

Aaron Yuen 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 Example References & Tips

Aaron Yuen Official XBOX LIVE GUI Graphics (1)Example Games from XBOX LIVE : (2) There are standard GUI elements provided by Microsoft, game developers are welcome to use in their games for free :