WEEK 12 - Building Game - Graphic Design -
WEEK 12 - Building Game - Graphic Design -
User Interface
User Interface
Embedded Files
Key Terms:
Code
Condition
criterion
false
true
program
pseudocode
flowchart
variable
LESSON 12.1 - Design Process - My Game Storyboard
LESSON 12.1 - Design Process - My Game Storyboard
Lesson Plan: Storyboard
TEKS 6 (2)(B) (2) Computational thinking--applications. :
(B) use a design process to create block-based and text-based programs that include sequences, loops, conditionals, and events to solve an everyday problem.
Learning Objective
I will create a storyboard for my game.
Success Criteria
I can plan 3 levels of my game using a storyboard
I can create a plan for my user interface
I can plan the story of my video game
ENGAGE
ENGAGE
EXPLORE
EXPLORE
Review
Review
What ways will you use the design process to create your game?
Computer Science Concepts
Storyboarding
Design Process
Storyboarding Review (Lesson 8.2)
Game DesignStoryboard Template - Google Docs.pdfDigital Storyboarding
https://www.canva.com/create/storyboards/
https://www.canva.com/create/storyboards/
EXPLAIN
EXPLAIN
ELABORATE
ELABORATE
Why it's important to storyboard your video game
Why it's important to storyboard your video game
When your mind's buzzing with a video game idea, it's tempting to dive headfirst into the game design process. But, if you haven't created some guiding design documents, you risk getting yourself in a muddle. As with everything in life, having a plan is going to make the whole process a lot easier. That's where storyboarding comes in.
Storyboarding is where you take your groundbreaking gameplay ideas and reproduce them in a visual storytelling format. It's super useful when your game design has lots of steps or focuses on a particular visual presentation. Pretty quickly, you'll have a solid overview of your game design – before you dive into production or prototyping.
Students will create their games storyboard using either digital or paper. Include the following:
plan 3 levels of my game using a storyboard
create a plan for my user interface
plan the story of my video game
A storyboard is a planning document. It is created before the final product is developed and used to illustrate a story or show the changes of scene. In many cases this will be based on a timeline but could also be decided by the user's choices of selection or navigation.
EVALUATE
EVALUATE
What scenes have you created on your storyboard for your game?
What scenes have you created on your storyboard for your game?
LESSON 12.2 - User Interface
LESSON 12.2 - User Interface
Lesson Plan: User Interface
.
TEKS 6 (2)(B) (2) Computational thinking--applications. :
(B) use a design process to create block-based and text-based programs that include sequences, loops, conditionals, and events to solve an everyday problem.
Learning Objective
I will create an original User Interface for my game
Success Criteria
I chose a platform to design my user interface.
I planned the design of my user interface (UI)
I began to design my UI
ENGAGE
ENGAGE
EXPLORE
EXPLORE
Review
Review
- What scenes did you create on your storyboard for your game?
User Interface
User Interface
Design Concepts
Graphical User Interface (GUI) - User interacts with visual elements on screen. These visual elements may represent different information or controls. Your computer desktop is one example of GUI. It shows you different icons that you can interact with using your mouse pointer. Almost every digital product out there makes use of GUI.
Emphasis - Elements or information presented in the user interface of a digital product are not of equal importance. UI designers should put emphasis on important elements to attract attention to these.
Proximity and Layout - UI designers make sure to group elements that are “in the same family” or those who belong together. In the same way, keep unrelated elements away from each other.
Border and Spacing - Borders help keep things organized in a UI. It helps group similar/related items together.
What is a User Interface (UI)? Share Examples of various UI's
How will the user interact with your UI?
EXPLAIN
EXPLAIN
ELABORATE
ELABORATE
EVALUATE
EVALUATE
What will you include on your User Interface Design?
What will you include on your User Interface Design?
LESSON 12.3 - Background Graphics
LESSON 12.3 - Background Graphics
Lesson Plan: Background Graphics
TEKS 6 (2)(B) (2) Computational thinking--applications. :
(B) use a design process to create block-based and text-based programs that include sequences, loops, conditionals, and events to solve an everyday problem.
Learning Objective
I will create an original background graphics for my game
Success Criteria
I can plan orignial background graphics.
I can create orginal background graphics
ENGAGE
ENGAGE
EXPLORE
EXPLORE
Review
Review
- What did you include on your User Interface Design?
Game Design Concepts
User Interface
Storyboard
Graphics
Pixels
What is the purpose of background designs?
What is the purpose of background designs?
Background design in video games for kids is crucial because it significantly impacts a child's engagement, learning, and overall experience. It's not just about aesthetics; it's about creating an immersive and stimulating environment that fosters learning, creativity, and positive behavior.
EXPLAIN
EXPLAIN
ELABORATE
ELABORATE
Explain assignment
Explain assignment
Use differenet background designs to see how it affects the feel of your game design. Create your own background design.
EVALUATE
EVALUATE
Describe your background graphics and why you created it.
Describe your background graphics and why you created it.
Resources
Resources
Page updated
Report abuse