SlideShare a Scribd company logo
1 of 27
Chapter 2
Game Design and
Storyboarding
mrbash.com| stencyl development
Lesson Objectives
• Describe the game design process.Game Design
• Explain the technique of storyboarding
Storyboarding/
Wire framing
• List the tools available for storyboarding.Tools
Game Genre
First and foremost when designing
a game is to look at its genre.
A genre is basically a game
category.
Critical factor in game design
process.
Game Genres
Action Adventure Role Playing
Exercise 3 - Activity Time
Spend 10 min on this activity in your groups.
Brainstorm on as many mobile game genres
and pen it on the worksheet provided.
Game Design Elements
Areas of game designs for game designers to consider,
1. Narrative design
2. Character design
3. Level/Environment design
4. Gameplay and mechanics design
5. User interface design
Narrative Design
Narrative design determines the
plot of the game.
Questions to be asked for example,
1. Is there a mission to save the
world from destruction?
2. Is there a dungeon to escape
from evil monsters?
Character Design
Following considerations are made
when designing the characters.
1. Main player?
2. NPC (Non-Player Characters) ?
3. Sidekicks?
4. Villains?
Level/Environment Design
Level and environment design
determines the scene for a player.
Areas of consideration
1. Background
2. Lighting
3. Weather
4. Map
5. Props
Game Play and Mechanics
Game play and mechanics determines
how the game works.
Areas of consideration
1. Challenges
2. Activities
3. Rewards
4. Progression
5. Game rules
6. Skills
User Interface Design
User interface design determines
how the appearance of a game.
Areas of consideration
1. Control (input) design.
2. Output devices
3. Viewpoint
4. Heads up Display (HUD)
Exercise 4 - Activity Time
Spend 30 min on this activity in your groups.
Pick any game and describe its game elements
on the worksheet provided.
Flowcharts
Flowcharts are used for the
following reasons
1. Show the correct sequence of
events in a game.
2. Clearly illustrates the
behaviours/functions in a game.
Flowchart Symbols
Start/Stop Process/Action Decision/Question
Arrows that show the flow of
control.
Flowchart Process
Exercise 5 - Activity Time
Spend 20 min on this activity in your groups.
Complete the flowchart using the components
provided on the worksheet provided.
Storyboarding/Wire framing
“Storyboards are graphic organizers in the form of illustrations or images
displayed in sequence for the purpose of pre-visualizing a motion picture,
animation, motion graphic or interactive media sequence.” – Wikipedia
“A storyboard is a series of panels that depict key scenes, actions, visuals,
and annotations that define the highlights of a user experience.” – MIT user
experience design assignment
Storyboarding
The storyboard technique was
borrowed from the motion picture
industry.
Each sheet is brought to life with
just enough detail and means the
same thing to all viewers.
Gallery effect shows the whole
overview of concept design.
Storyboarding
Storyboarding
Storyboarding/Wire framing
Refer to “Run and Jump”
Storyboarding example
Software Tools
(Standalone)
Adobe InDesign
XCode 4 Storyboard
Adobe Fireworks
Axure RP
Balsamiq Mockups
ConceptDraw
Diagram Designer
Enterprise Architect
FlairBuilder
OmniGraffle
OpenOffice Draw
Pencil Project
Microsoft Visio
Microsoft Sketchflow
WireframeSketcher
iRise Pro Studio
Software Tools
(Online)
fluidIA
Gliffy
iPLOTZ
Lovely Charts
Lucid Chart
MockFlow
Mockingbird
Mockup Builder
Pidoco
Pencil Project
Pencil Project is a no-cost, open source tool. This allows for it to have an
excellent value for cost ratio.
Pencil Project has limited documentation and support which contributes
to its “rough on the edges” feel. In addition, it has a several issues that have
made it difficult to work with.
Pencil Project
Exercise 6 - Activity Time
Spend 60 min on this activity in your groups.
Replicate the “Run and Jump” storyboard
using Pencil Project on the worksheet
provided.
Questions?

More Related Content

What's hot (20)

Unity 3d Basics
Unity 3d BasicsUnity 3d Basics
Unity 3d Basics
 
unity basics
unity basicsunity basics
unity basics
 
Zombi - Shoot for Survive
Zombi - Shoot for SurviveZombi - Shoot for Survive
Zombi - Shoot for Survive
 
Presentasi Seminar Unity (AMIKOM Game Dev)
Presentasi Seminar Unity (AMIKOM Game Dev)Presentasi Seminar Unity (AMIKOM Game Dev)
Presentasi Seminar Unity (AMIKOM Game Dev)
 
Unity
UnityUnity
Unity
 
Unity 3D VS your team
Unity 3D VS your teamUnity 3D VS your team
Unity 3D VS your team
 
Unity 3D
Unity 3DUnity 3D
Unity 3D
 
Presentación Unity
Presentación UnityPresentación Unity
Presentación Unity
 
Game Project / Working with Unity
Game Project / Working with UnityGame Project / Working with Unity
Game Project / Working with Unity
 
Game Development with Unity
Game Development with UnityGame Development with Unity
Game Development with Unity
 
Galactic Wars XNA Game
Galactic Wars XNA GameGalactic Wars XNA Game
Galactic Wars XNA Game
 
Academy PRO: Unity 3D. Environment
Academy PRO: Unity 3D. EnvironmentAcademy PRO: Unity 3D. Environment
Academy PRO: Unity 3D. Environment
 
Casual and Social Games with Unity
Casual and Social Games with UnityCasual and Social Games with Unity
Casual and Social Games with Unity
 
Unity 3D, A game engine
Unity 3D, A game engineUnity 3D, A game engine
Unity 3D, A game engine
 
02 unity 3_d_part_1
02 unity 3_d_part_102 unity 3_d_part_1
02 unity 3_d_part_1
 
Unity 3D game engine seminar
Unity 3D game engine  seminarUnity 3D game engine  seminar
Unity 3D game engine seminar
 
MIND GAME ZONE - Abhijeet
MIND GAME ZONE - AbhijeetMIND GAME ZONE - Abhijeet
MIND GAME ZONE - Abhijeet
 
Introduction To 3D Gaming
Introduction To 3D GamingIntroduction To 3D Gaming
Introduction To 3D Gaming
 
Cmd unity withc
Cmd unity withcCmd unity withc
Cmd unity withc
 
Game design document
Game design document Game design document
Game design document
 

Similar to Chapt 2 storyboarding techniques

User Experience 1: What is User Experience?
User Experience 1: What is User Experience?User Experience 1: What is User Experience?
User Experience 1: What is User Experience?Marc Miquel
 
Impossible mission: estimating (game) development
Impossible mission: estimating (game) developmentImpossible mission: estimating (game) development
Impossible mission: estimating (game) developmentPietro Polsinelli
 
Y1 gd engine_terminology
Y1 gd engine_terminologyY1 gd engine_terminology
Y1 gd engine_terminologyJordanianmc
 
A primer on game-based learning
A primer on game-based learningA primer on game-based learning
A primer on game-based learningGerard Friel
 
My Presentation.ppt
My Presentation.pptMy Presentation.ppt
My Presentation.pptFake474384
 
Iistec 2013 game_design for id_m_broyles_id13333
Iistec 2013 game_design for id_m_broyles_id13333Iistec 2013 game_design for id_m_broyles_id13333
Iistec 2013 game_design for id_m_broyles_id13333Marie Broyles
 
Game Modding Lecture 2
Game Modding Lecture 2Game Modding Lecture 2
Game Modding Lecture 2Charles Palmer
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesomeJen Yu
 
98 374 Lesson 03-slides
98 374 Lesson 03-slides98 374 Lesson 03-slides
98 374 Lesson 03-slidesTracie King
 
AI Dominoes Project
AI Dominoes ProjectAI Dominoes Project
AI Dominoes ProjectAdil Gasimov
 
Game design as a career
Game design as a career Game design as a career
Game design as a career Shanthi Ravi
 
Introduction to game_design
Introduction to game_designIntroduction to game_design
Introduction to game_designSayed Ahmed
 
Wakka Monkey - Game Development
Wakka Monkey - Game DevelopmentWakka Monkey - Game Development
Wakka Monkey - Game DevelopmentWakka Monkey
 
Wakka Monkey - Game Development
Wakka Monkey - Game DevelopmentWakka Monkey - Game Development
Wakka Monkey - Game DevelopmentWakka Monkey
 
4 lecture (mda frame work) 25 1-2021
4 lecture (mda frame work) 25 1-20214 lecture (mda frame work) 25 1-2021
4 lecture (mda frame work) 25 1-2021Durgesh Pandey
 
LAFS Game Design 7 - Prototyping
LAFS Game Design 7 - PrototypingLAFS Game Design 7 - Prototyping
LAFS Game Design 7 - PrototypingDavid Mullich
 

Similar to Chapt 2 storyboarding techniques (20)

User Experience 1: What is User Experience?
User Experience 1: What is User Experience?User Experience 1: What is User Experience?
User Experience 1: What is User Experience?
 
Mini Project- Game Hardware Development
Mini Project- Game Hardware DevelopmentMini Project- Game Hardware Development
Mini Project- Game Hardware Development
 
Impossible mission: estimating (game) development
Impossible mission: estimating (game) developmentImpossible mission: estimating (game) development
Impossible mission: estimating (game) development
 
Y1 gd engine_terminology
Y1 gd engine_terminologyY1 gd engine_terminology
Y1 gd engine_terminology
 
U1 Lesson 06
U1 Lesson 06U1 Lesson 06
U1 Lesson 06
 
A primer on game-based learning
A primer on game-based learningA primer on game-based learning
A primer on game-based learning
 
My Presentation.ppt
My Presentation.pptMy Presentation.ppt
My Presentation.ppt
 
Iistec 2013 game_design for id_m_broyles_id13333
Iistec 2013 game_design for id_m_broyles_id13333Iistec 2013 game_design for id_m_broyles_id13333
Iistec 2013 game_design for id_m_broyles_id13333
 
Game Modding Lecture 2
Game Modding Lecture 2Game Modding Lecture 2
Game Modding Lecture 2
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesome
 
98 374 Lesson 03-slides
98 374 Lesson 03-slides98 374 Lesson 03-slides
98 374 Lesson 03-slides
 
AI Dominoes Project
AI Dominoes ProjectAI Dominoes Project
AI Dominoes Project
 
Game design as a career
Game design as a career Game design as a career
Game design as a career
 
Fmp proposal
Fmp proposalFmp proposal
Fmp proposal
 
intern.pdf
intern.pdfintern.pdf
intern.pdf
 
Introduction to game_design
Introduction to game_designIntroduction to game_design
Introduction to game_design
 
Wakka Monkey - Game Development
Wakka Monkey - Game DevelopmentWakka Monkey - Game Development
Wakka Monkey - Game Development
 
Wakka Monkey - Game Development
Wakka Monkey - Game DevelopmentWakka Monkey - Game Development
Wakka Monkey - Game Development
 
4 lecture (mda frame work) 25 1-2021
4 lecture (mda frame work) 25 1-20214 lecture (mda frame work) 25 1-2021
4 lecture (mda frame work) 25 1-2021
 
LAFS Game Design 7 - Prototyping
LAFS Game Design 7 - PrototypingLAFS Game Design 7 - Prototyping
LAFS Game Design 7 - Prototyping
 

Recently uploaded

Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170Sonam Pathan
 
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzersQUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzersSJU Quizzers
 
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...Amil Baba Company
 
Aesthetic Design Inspiration by Slidesgo.pptx
Aesthetic Design Inspiration by Slidesgo.pptxAesthetic Design Inspiration by Slidesgo.pptx
Aesthetic Design Inspiration by Slidesgo.pptxsayemalkadripial4
 
North Avenue Call Girls Services, Hire Now for Full Fun
North Avenue Call Girls Services, Hire Now for Full FunNorth Avenue Call Girls Services, Hire Now for Full Fun
North Avenue Call Girls Services, Hire Now for Full FunKomal Khan
 
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证gwhohjj
 
在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证
在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证
在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证nhjeo1gg
 
8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCR
8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCR8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCR
8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCRdollysharma2066
 
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand FinaleBiswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand FinaleQui9 (Ultimate Quizzing)
 
The Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty VixenThe Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty VixenSalty Vixen Stories & More
 
Call Girls Near Delhi Pride Hotel New Delhi 9873777170
Call Girls Near Delhi Pride Hotel New Delhi 9873777170Call Girls Near Delhi Pride Hotel New Delhi 9873777170
Call Girls Near Delhi Pride Hotel New Delhi 9873777170Sonam Pathan
 
Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170
Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170
Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170Sonam Pathan
 
原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证
原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证
原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证jdkhjh
 
NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...
NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...
NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...Amil baba
 
NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...
NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...
NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...Amil Baba Dawood bangali
 
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...Amil Baba Dawood bangali
 
Call Girls in Faridabad 9000000000 Faridabad Escorts Service
Call Girls in Faridabad 9000000000 Faridabad Escorts ServiceCall Girls in Faridabad 9000000000 Faridabad Escorts Service
Call Girls in Faridabad 9000000000 Faridabad Escorts ServiceTina Ji
 
(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)twfkn8xj
 

Recently uploaded (20)

Environment Handling Presentation by Likhon Ahmed.pptx
Environment Handling Presentation by Likhon Ahmed.pptxEnvironment Handling Presentation by Likhon Ahmed.pptx
Environment Handling Presentation by Likhon Ahmed.pptx
 
Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170Call Girls Near The Corus Hotel New Delhi 9873777170
Call Girls Near The Corus Hotel New Delhi 9873777170
 
young call girls in Hari Nagar,🔝 9953056974 🔝 escort Service
young call girls in Hari Nagar,🔝 9953056974 🔝 escort Serviceyoung call girls in Hari Nagar,🔝 9953056974 🔝 escort Service
young call girls in Hari Nagar,🔝 9953056974 🔝 escort Service
 
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzersQUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
QUIZ BOLLYWOOD ( weekly quiz ) - SJU quizzers
 
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
Real NO1 Amil baba in Faisalabad Kala jadu in faisalabad Aamil baba Faisalaba...
 
Aesthetic Design Inspiration by Slidesgo.pptx
Aesthetic Design Inspiration by Slidesgo.pptxAesthetic Design Inspiration by Slidesgo.pptx
Aesthetic Design Inspiration by Slidesgo.pptx
 
North Avenue Call Girls Services, Hire Now for Full Fun
North Avenue Call Girls Services, Hire Now for Full FunNorth Avenue Call Girls Services, Hire Now for Full Fun
North Avenue Call Girls Services, Hire Now for Full Fun
 
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
原版1:1复刻卡尔加里大学毕业证UC毕业证留信学历认证
 
在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证
在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证
在线办理曼大毕业证曼尼托巴大学毕业证成绩单留信学历认证
 
8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCR
8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCR8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCR
8377087607 Full Enjoy @24/7 Call Girls in Patel Nagar Delhi NCR
 
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand FinaleBiswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
Biswanath Byam Samiti Open Quiz 2022 by Qui9 Grand Finale
 
The Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty VixenThe Fine Line Between Honest and Evil Comics by Salty Vixen
The Fine Line Between Honest and Evil Comics by Salty Vixen
 
Call Girls Near Delhi Pride Hotel New Delhi 9873777170
Call Girls Near Delhi Pride Hotel New Delhi 9873777170Call Girls Near Delhi Pride Hotel New Delhi 9873777170
Call Girls Near Delhi Pride Hotel New Delhi 9873777170
 
Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170
Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170
Call Girls Near Taurus Sarovar Portico Hotel New Delhi 9873777170
 
原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证
原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证
原版1:1复刻帕森斯设计学院毕业证Parsons毕业证留信学历认证
 
NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...
NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...
NO1 WorldWide Amil baba in pakistan Amil Baba in Karachi Black Magic Islamaba...
 
NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...
NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...
NO1 Certified Black magic specialist,Expert in Pakistan Amil Baba kala ilam E...
 
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
NO1 Certified kala ilam Expert In Peshwar Kala Jadu Specialist In Peshwar Kal...
 
Call Girls in Faridabad 9000000000 Faridabad Escorts Service
Call Girls in Faridabad 9000000000 Faridabad Escorts ServiceCall Girls in Faridabad 9000000000 Faridabad Escorts Service
Call Girls in Faridabad 9000000000 Faridabad Escorts Service
 
(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)(伦敦大学毕业证学位证成绩单-PDF版)
(伦敦大学毕业证学位证成绩单-PDF版)
 

Chapt 2 storyboarding techniques

  • 1. Chapter 2 Game Design and Storyboarding mrbash.com| stencyl development
  • 2. Lesson Objectives • Describe the game design process.Game Design • Explain the technique of storyboarding Storyboarding/ Wire framing • List the tools available for storyboarding.Tools
  • 3. Game Genre First and foremost when designing a game is to look at its genre. A genre is basically a game category. Critical factor in game design process.
  • 5. Exercise 3 - Activity Time Spend 10 min on this activity in your groups. Brainstorm on as many mobile game genres and pen it on the worksheet provided.
  • 6. Game Design Elements Areas of game designs for game designers to consider, 1. Narrative design 2. Character design 3. Level/Environment design 4. Gameplay and mechanics design 5. User interface design
  • 7. Narrative Design Narrative design determines the plot of the game. Questions to be asked for example, 1. Is there a mission to save the world from destruction? 2. Is there a dungeon to escape from evil monsters?
  • 8. Character Design Following considerations are made when designing the characters. 1. Main player? 2. NPC (Non-Player Characters) ? 3. Sidekicks? 4. Villains?
  • 9. Level/Environment Design Level and environment design determines the scene for a player. Areas of consideration 1. Background 2. Lighting 3. Weather 4. Map 5. Props
  • 10. Game Play and Mechanics Game play and mechanics determines how the game works. Areas of consideration 1. Challenges 2. Activities 3. Rewards 4. Progression 5. Game rules 6. Skills
  • 11. User Interface Design User interface design determines how the appearance of a game. Areas of consideration 1. Control (input) design. 2. Output devices 3. Viewpoint 4. Heads up Display (HUD)
  • 12. Exercise 4 - Activity Time Spend 30 min on this activity in your groups. Pick any game and describe its game elements on the worksheet provided.
  • 13. Flowcharts Flowcharts are used for the following reasons 1. Show the correct sequence of events in a game. 2. Clearly illustrates the behaviours/functions in a game.
  • 14. Flowchart Symbols Start/Stop Process/Action Decision/Question Arrows that show the flow of control.
  • 16. Exercise 5 - Activity Time Spend 20 min on this activity in your groups. Complete the flowchart using the components provided on the worksheet provided.
  • 17. Storyboarding/Wire framing “Storyboards are graphic organizers in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence.” – Wikipedia “A storyboard is a series of panels that depict key scenes, actions, visuals, and annotations that define the highlights of a user experience.” – MIT user experience design assignment
  • 18. Storyboarding The storyboard technique was borrowed from the motion picture industry. Each sheet is brought to life with just enough detail and means the same thing to all viewers. Gallery effect shows the whole overview of concept design.
  • 21. Storyboarding/Wire framing Refer to “Run and Jump” Storyboarding example
  • 22. Software Tools (Standalone) Adobe InDesign XCode 4 Storyboard Adobe Fireworks Axure RP Balsamiq Mockups ConceptDraw Diagram Designer Enterprise Architect FlairBuilder OmniGraffle OpenOffice Draw Pencil Project Microsoft Visio Microsoft Sketchflow WireframeSketcher iRise Pro Studio
  • 23. Software Tools (Online) fluidIA Gliffy iPLOTZ Lovely Charts Lucid Chart MockFlow Mockingbird Mockup Builder Pidoco
  • 24. Pencil Project Pencil Project is a no-cost, open source tool. This allows for it to have an excellent value for cost ratio. Pencil Project has limited documentation and support which contributes to its “rough on the edges” feel. In addition, it has a several issues that have made it difficult to work with.
  • 26. Exercise 6 - Activity Time Spend 60 min on this activity in your groups. Replicate the “Run and Jump” storyboard using Pencil Project on the worksheet provided.