Embedded Files
What you will do in this lesson:
What you will do in this lesson:
Create a Chase Game with Keyboard Controls
Use the Canvas Component for Game Animation
What you will learn in this lesson:
What you will learn in this lesson:
How to create Procedures to simplify your code
How to create unique Sprites and Sprite Types
How to position sprites on Thunkable Canvas Coordinate Grid
Vocabulary
Vocabulary
Procedures: A named piece of code that can be called over and over; also known as a Function
Sprite Type: A Category of Sprites that you can add to an app
Sprite: A single instance of a Sprite Type
Agenda/Lesson Steps
Agenda/Lesson Steps
- Intro to Procedures
- Thunkable Coordinate System Review
- New Components Overview
- Build App
- Challenges
Coordinate Systems
Coordinate Systems
Traditional Coordinate System
Traditional Coordinate System
Thunkable Coordinate System
Thunkable Coordinate System
Activity
Activity
0. Open Mario's Mushroom Chase Template
0. Open Mario's Mushroom Chase Template
1. Build the User Interface
1. Build the User Interface
2. Program the Code
2. Program the Code
3. Challenges
3. Challenges
Challenge #1: Timer
Challenge #1: Timer
Add a Timer and a Label that Counts down from 20. The game should play a sound when the countdown reaches 0.
Blocks
Create New Variable: “Time”
Initialize variable to 20
When Timer Fires
If Time = 0
From Sound1 set source to game_over.wav
play Sound1
Set Timer Enable to False
Else
Set Time Variable to Time minus One
Set Timer Label to new value
*Add to When Start button clicked,
set Timer Enabled to True
Challenge #2: Add a Villain.
Challenge #2: Add a Villain.
Have the Villain move randomly.
When Mario touches the Villain, have him lose points and shrink
Design
Add a new Timer Component: Timer2
Set interval to 3 seconds
Set Loops to True
Add a new Sprite Type and change the picture to Bowser
Rename “Bowser”
Drag a Bowser Sprite onto the Canvas
Blocks
Create new Procedure: “Shrink”
Drag out a ”to do something” block from Function drawer
Rename “Shrink”
Set Mario’s height to Mario’s height - 10
Set Mario’s width to Mario’s width - 10
When Timer2 Fires
Set Bowser X to random integer from 1 to 300
Set Bowser Y to random integer from 1 to 300
**Add to When the Timer1 Fires Event
If app variable time = 0
Set Timer2 enabled to False
**Add to When StartButton Clicked
Set Timer2 enabled to True
When Mario collides Bowser,
Change app Score by -1
From Score Label set text to Score Variable
From Sound1 set source to touch_enemy.wav
Play sound
Shrink Procedure
Challenge #3: Game Over Screen
Challenge #3: Game Over Screen
Design
Add a new Screen
Add a Label with text “Game Over”
Add a Button “New Game”
Blocks
*Add to When the Timer fires
From sound1 set source to game_over.wav
Play sound
Set Timer Enable to False
Navigate to GameOverScreen
When New Game Button clicked
Navigate to Screen 1
Handout
Handout
Closeout
Closeout
Universal Supports
Universal Supports
Report abuse