Game Makecode Arcade

Advanced

60 mins

Teacher/Student led

Learning Goals

Learning Outcomes

Lesson Files

+165 XP

What you need:
Chromebook/Laptop/PC or iPad/Tablet

Fruit Frenzy

In this lesson, you'll create an interactive game called 'Fruit Collector' using MakeCode Arcade. You'll learn how to create and control a character, generate falling fruits and harmful rocks, and manage scoring and lives. The lesson covers game loops, character controls, collision detection, and more. No prior coding experience is required.

Warning: Your screen size is quite small for viewing this. Rotate your device into landscape mode if you can.

1 Introduction
2 Create a new project
3 Create Player Character
4 Setting Player Controls
5 Create the Fruit sprites
6 Make them fall
7 Create Harmful Rocks
8 Set the number of lives
9 Detect overlap with fruit
10 Detect overlap with rocks
11 Wrap Up
Challenge
Quiz

1 - Introduction

Welcome to the 'Fruit Frenzy' lesson! In this fun and interactive lesson, you will create a game called 'Fruit Collector' using MakeCode Arcade. You will control a character to collect falling fruits and dodge harmful rocks. You will learn about game loops, character controls, collision detection, and scoring. Let's get started!

2 - Create a new project

Open the MakeCode Arcade website using the link below and create a new project. You can call the project whatever you want.

https://arcade.makecode.com

Arcade: How to create a new project

Create a new Arcade project using the makecode.com website.

👇 Mark your steps as done as you complete them.

+5 XP

3 - Create Player Character

Let's create the player character.

Add the following code:

let mySprite = sprites.create(img`
    . . . . . . . . . . . . . . . . 
    . . . . . 7 7 7 7 7 7 . . . . . 
    . . . . . 7 7 7 7 7 7 7 . . . . 
    . . . . 7 7 5 5 7 5 5 7 7 . . . 
    . . 7 7 7 7 5 5 7 5 5 7 7 . . . 
    . . 7 7 7 7 5 5 7 5 5 7 7 7 . . 
    . . 7 7 7 7 5 5 7 5 5 7 7 7 . . 
    . . 7 7 7 7 7 7 7 7 7 7 7 7 . . 
    . . 7 7 7 7 7 7 7 7 7 7 7 7 . . 
    . . 7 7 5 5 5 5 5 2 2 5 5 7 . . 
    . . . 7 7 5 5 5 5 2 2 5 5 7 . . 
    . . . 7 7 5 5 5 5 5 5 5 7 7 . . 
    . . . . 7 7 5 5 5 5 5 5 7 . . . 
    . . . . . 7 7 7 5 5 5 7 7 . . . 
    . . . . . . 7 7 7 7 7 7 . . . . 
    . . . . . . . . . . . . . . . . 
    `, SpriteKind.Player)

Then either design a character or choose one from the gallery.

+10 XP

4 - Setting Player Controls

In this step, we'll position the sprite at the bottom of the screen and allow the player to move it left and right (but not up and down).

Add the following new code:

let mySprite = sprites.create(img`
    . . . . . . . . . . . . . . . . 
    . . . . . 7 7 7 7 7 7 . . . . . 
    . . . . . 7 7 7 7 7 7 7 . . . . 
    . . . . 7 7 5 5 7 5 5 7 7 . . . 
    . . 7 7 7 7 5 5 7 5 5 7 7 . . . 
    . . 7 7 7 7 5 5 7 5 5 7 7 7 . . 
    . . 7 7 7 7 5 5 7 5 5 7 7 7 . . 
    . . 7 7 7 7 7 7 7 7 7 7 7 7 . . 
    . . 7 7 7 7 7 7 7 7 7 7 7 7 . . 
    . . 7 7 5 5 5 5 5 2 2 5 5 7 . . 
    . . . 7 7 5 5 5 5 2 2 5 5 7 . . 
    . . . 7 7 5 5 5 5 5 5 5 7 7 . . 
    . . . . 7 7 5 5 5 5 5 5 7 . . . 
    . . . . . 7 7 7 5 5 5 7 7 . . . 
    . . . . . . 7 7 7 7 7 7 . . . . 
    . . . . . . . . . . . . . . . . 
    `, SpriteKind.Player)
mySprite.y = 110
controller.moveSprite(mySprite, 100, 0)

Make sure you select y in the set block.

Make sure you set vx to 100 and vy to 0 in the move block

The Y value is used to set the vertical (up and down) position of the sprite on the screen. The screen's height is 120 pixels, so setting Y to 110 positions the sprite near the bottom of the screen.

By setting the VY value to 0, we are making sure that the sprite does not move up or down, no matter what keys are pressed. This is because VY controls the vertical speed of the sprite. A VY of 0 means no vertical movement.

Once you've added the new code, test that you can move your player sprite left and right but not up and down.

+15 XP

123learn · Online learning platform

Unlock the full learning experience

You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.

Hundreds of curriculum-aligned lessons

Interactive activities in every lesson

Printable resources & progress tracking

Get started

Copyright Notice
This lesson is copyright of 123Learn.ie 2017 - 2026. Unauthorised use, copying or distribution is not allowed.