Learn about making game development - makeithappen - For kids by makeithappen - Development Center

Learning about Game Development A Activity Guide

Trainings Department Dated 3/28/2020

Page 1

Contents Introduction ................................................................................................................................................ 3 ScratchX ...................................................................................................................................................... 3 Introduction ............................................................................................................................................ 3 Activity 1: Introduction to Scratch X ........................................................................................................... 4 1.

Sprites ............................................................................................................................................. 4

Backgrounds.................................................................................................................................... 4

Scripts ............................................................................................................................................. 4

Activity 2: Making Cat and Mouse Game .................................................................................................... 5 Challenge activity: ................................................................................................................................. 22 Activity 3: Adding Score to the Game ....................................................................................................... 23 Challenge activities: .............................................................................................................................. 25

Page 2

Learning about Game Development A Introduction Everyone loves to play games. Today, we are going to learn how to build games using a visual tool used for game development known as Scratch. In this session, you will learn about the basic concepts of visual programming through Scratch. We will also be forming our own games by the end of this session.

ScratchX Website URL: https://scratchx.org/#scratch

Introduction Scratch is a visual tool that comes with a drag and drop environment enabling the user to program with ease. With Scratch, you can program your own creative stories, games and animations. Today, we will be exploring ScratchX and build an interactive game so let’s start.

Open “Google Chrome” the following link.

browser on your laptop/computer. Open ScratchX in your browser using

https://scratchx.org/#scratch

Game Interface

Programming Area Blocks Area

Page 3

Activity 1: Introduction to Scratch X Let’s explore some of the functions of different blocks.

1. Sprites You can add, create and upload sprites from Scratch and your computer/laptop directory respectively.

2. Backgrounds You can add, create and upload backgrounds for your game from Scratch and your computer/laptop directory respectively.

3. Scripts In scripts there are multiple drawers like motion, events, control and looks etc.

3 1 2 There are different drawers in scripts that have different functions like: Motion: It consists of blocks related to movement, turning and changing the position of a sprite. Events: It contains blocks related to the events that trigger the game/sprite to perform actions. Control: It contains blocks related to loops, conditions and repeat commands. Looks: It contains the blocks of changing costumes, effects and size of sprite along with say commands. Operators: It consists of mathematical operations commands. Pen: The blocks in this drawer are used to draw lines via sprite. Data: You can create new variables and list for all the sprites. © LearnOBots – All Rights Reserved 2020-21

Page 4

Activity 2: Making Cat and Mouse Game In this activity, we will learn the functions of different blocks by making an interactive game of cat and mouse. Follow the steps to complete the activity.

Step 1 Click on

the button to choose a new sprite from the library.

Now Sprite Library will be opened. Click on Animals from Category menu and choose Cat 2.

Page 5

Step 2 Go to the “Motion” drawer and take out the area.

block and place it in the programming

Step 3 Take out the

block and place it as shown below.

2 1

Page 6

Step 4 Go to the “Events” drawer and take out the

block and place it above the

as shown. Now change the “Space” to “Right arrow” in

block

Step 5 Now go to the “Motion” drawer and take out the

block and place as shown below.

Page 7

Now when you press your right key, the cat starts moving right. So, the next step is to make it move in the left, top and down direction.

Step 6 Take your cursor to the start of your code i.e. duplicate.

and press right-click and select

Step 7 Now change the “Right arrow” to “Left arrow” in the “-90” in block.

block and change “90” to

Page 8

Step 8 Again, duplicate the code to make the cat move up. We will need to change the “Right arrow” to “Up arrow” and “90” to “0”.

3 Step 9 Similarly, for the cat to move down. Change the “Right arrow” to “Down arrow” and “90” to “180”.

Page 9

Now test the movement of your cat in any direction using your arrow keys.

Right

Left

Movement

Top

Down

Movement

Step 10 Now again go to the Sprite Library and from Animals category, chose a Mouse 1.

1 2

Page 10

Step 11 Now we will start coding for mouse. Go to the “Looks” drawer and take out the block and place it in the programming area. Change “100%” to “30%”.

3 2

Step 12 Now go to the “Events” drawer and take out the

block `and place it above the

block.

Page 11

Step 13 Click on the green flag

and you will see that size of your mouse changes.

Step 14 Now we will create a hole from where the mouse will enter in the game. So, go to the “Costumes” drawer and you will see the following screen.

Page 12

Step 15 Now make a circle around the mouse.

Step 16 Fill the circle with the black colour to make it look like a hole.

Page 13

Step 17 Now change the name of the mouse from “mouse 1-a” to “hole”.

Step 18 Now again go to Scripts. Go to Looks and take out shown below. Change “mouse 1-b” to “hole”.

and place it as

Page 14

Step 19 From “Looks” drawer, take out the

block and place it above the

block.

1 3 2

Step 20 Now go to the “Control” drawer and drag out the block and place it as shown below. Clone block is used when we need multiple copies of the same sprite.

Page 15

Step 21 Take out the

block and place it as shown.

1 2

Step 22 Take out the

block and attach it as shown below.

Page 16

Step 23 From “Control” drawer, drag out the area.

block and place it inside the programming

1 Step 24 Now go to “Looks” drawer and take out the

block and place it below the

block.

Page 17

Step 25 Forever loops are used when we want to repeat the same process again and again until some condition is met. From “Control” drawer, take out the

block and place it as shown below.

1 3 2

Step 26 From “Motion” drawer, take out the

block and place it inside the

loop.

1 2

Page 18

Step 27 Now take out the

block and place it under

block.

Step 28 Now go to the “Operators” drawer and take out the block. Change 1 to -10 in

bock and place it inside the block.

Page 19

Step 29 Now go to the “Motion” drawer and take out the

block and place it inside the

block.

1 3

2 Step 30 Now go to the “Control” drawer and take out the as shown below.

block and place it inside the

loop

3 2

Page 20

Step 31 Now go to the “Sensing” drawer and take out the

block and place it inside the

block as shown. Click on the tiny black triangle in the drop down menu.

block and select “Cat 2” from the

1 2 3

Step 32 We want our cat to hide whenever it touches the Cat. In order to do so, go to the “Looks” drawer and take out the

block and place it inside the

loop.

2 Now click on the green flag

and see what happens? Play your game!!!

Page 21

Step 33 Next click on

icon to add a background to your game.

You can choose any background for your game.

Challenge activity: 1. Add any sound when your cat eats the mouse.

Page 22

Activity 3: Adding Score to the Game Now the next step is to add Score to your Game. Score should be zero when the game starts and it should increase by 1 when the cat eats the mouse. We need to create variable for this purpose.

Step 1 Go to the “Data” drawer and click on “Make a Variable” button. Write the name of your variable as “Score”.

After naming the variable, Click on OK and these blocks will be added to your Data drawer.

Page 23

Step 2 Now take out the

block and place it below as shown in the figure.

2 1

Step 3 Take out the

block and place it inside the

loop.

1 2 Now again click on the green Flag

and see what happens?

Page 24

To play our game on full screen, click on the

icon at the top left corner and start Playing. Hurray!!

Challenge activities: 1. After 20 points, the speed of the coming mice should increase. 2. After 30 points, the size of the cat should increase.

Page 25