Kodeclik Logo

Our Programs

Courses

Gifting

Learn More

Schedule

Kodeclik Blog

How to make a Clicker Game in Scratch

Clicker games are a popular video game genre. You’ve probably heard of Cookie Clicker, one of the most popular clicker games out there. This blog post will show you how to create your own clicker game… in Scratch!

Scratch is a visual programming language developed by the MIT Media Lab that enables users to create their own interactive stories, animations, games, music, and art. It was designed to introduce children as young as 8 years old to coding concepts and have fun while doing it. With Scratch’s easy-to-use interface and drag-and-drop programming blocks, anyone can create their own interactive projects without any prior coding experience.

The first thing you'll need to do is open up a new project in the Scratch editor. After you open up the project, we will add a few sprites – these will be the characters in your game – and give each one logic commands reflecting the rules of the game. You'll also want to create some user interface elements such as a score counter, events that allow players to trigger certain actions, and other interactive elements like sound effects or images.

In more detail, to make your clicker game, you need to choose two sprites, one to represent your mouse/cursor as it moves and one for the object that you are trying to click (e.g., a cake or a ball). Then we will write code for each object so that you receive points when the cursor correctly clicks on the object.

We will use a cursor sprite and a cake sprite in our clicker game.

Step 1: Choose the Cursor Sprite

Let's make a cursor that follows our mouse in the game. We will choose the following cursor sprite for our game:

Scratch Clicker Game

Step 2: Write code for the cursor sprite

The code can be seen in the below image. This program is simply a forever (infinite) loop that moves the sprite (x and y coordinates) to wherever the mouse goes (i.e., the mouse’s x and y coordinates).

Scratch Clicker Game

Essentially, the above code sets the cursor position to always be at our mouse, achieving our goal!

Step 3: Setup the cake sprite

We will choose a cake sprite as shown below but you can choose any sprite you like! Choose a sprite that has two costumes that you can change between when the sprite is clicked. In Scratch, costumes are basically different versions of the sprite, and each costume has something different about the looks of the sprite.

Scratch Clicker Game

Step 4: Create a variable called Points

Go to the variables tab and create a new variable for all sprites named “Points”. This variable will hold the score as points are awarded for successful clicking.

Scratch Clicker Game

Step 5: Trigger an event when the cake is clicked

Now let's make an event that triggers when the cake is clicked by our cursor sprite. The code is as shown below. Whenever the cursor sprite is touching the cake we increase our Points variable by 1 and broadcast a message called “CLICKED!”

Scratch Clicker Game

Basically if we click our mouse on the cursor (because our mouse is always on top of the cursor) and our cursor is touching our cake, then our Points (which is a variable) goes up by one and we broadcast the message “CLICKED!” which we will come back to later.

Step 6: Modify the cake when it is clicked

Now let’s look at the cake’s code. When the cake receives the message broadcast earlier, its costume switches so it goes from a candle not lit state, to a candlelit state, and it decreases in size, to add a click effect. After a fraction of a second, the cake settings go back to normal. This gives feedback to the user that the cake has been successfully clicked.

Scratch Clicker Game

Step 7: Write code to initialize the game

Finally lets make code for the start of the game in the cake sprite. Essentially here we are restarting everything. The cake’s position, size, and costume are reverted to what we want it to be, and we set the Points to zero to restart the game. Note that we start with the cake-b costume.

Scratch Clicker Game

Finally, once you've coded all the necessary logic for your game, it's time to test it out! Make sure everything works as expected—if not, debug any errors until they're resolved. Once that's done, you're ready to share your clicker game with friends and family!

Scratch Clicker Game

Now you have learnt how to write your own clicker game! Making a clicker game may seem intimidating at first but once broken down into its various components it becomes quite manageable! With Scratch's intuitive interface and easy-to-understand code blocks anyone can make their own clicker game without prior coding experience. So what are you waiting for? Get started on your clicker adventure today!

If you clicked the details of how to build a clicker game, learn more about variables in Scratch. Once you have mastered variables, you are ready to see how to make a platformer game in Scratch!

Want to learn Scratch with us? Sign up for 1:1 or small group classes.

Kodeclik sidebar newsletter

Join our mailing list

Subscribe to get updates about our classes, camps, coupons, and more.

About

Kodeclik is an online coding academy for kids and teens to learn real world programming. Kids are introduced to coding in a fun and exciting way and are challeged to higher levels with engaging, high quality content.

Copyright @ Kodeclik 2024. All rights reserved.