Today we are coding in MakeCode Arcade. You will plan a small arcade game, then build it step by step at your device: a player sprite you can move, a map with walls, and projectiles to dodge.

Before you open the editor, sketch a quick plan. Use short pseudo-code or a simple flow chart: what does the player do, what gets in the way, and what happens on a hit?

You will work the same way at every stage: say out loud what you think your code will do, run it, look closely when it does something else, change one thing and run it again, and then add a touch of your own to make the game yours.

MakeCode Arcade is a fun and easy-to-use tool that lets us create our own arcade games. It's like a digital playground where we can build and play games right in our web browser.

With MakeCode, we can use colourful blocks to build our games, just like Scratch.

If you have a small handheld gaming computer like the BrainPad or GameGo, you can even put the games you make onto it and play them anywhere!

Imagine the MakeCode Arcade code editor as a magical toolbox. It's a lot like the Microbit and Scratch editors you might have used before. Here's what it has:

1. A simulator, which is like a mini TV screen where you can watch your code come to life and play the games you create.
2. A toolbox, which is like a chest full of different code blocks. These blocks are sorted into groups so you can easily find what you need.
3. A code area, which is like your construction site. This is where you build your code.

Let's create our first project!

Go to the Arcade MakeCode website and create a new project. You can call your project anything you want!

arcade.makecode.com

Arcade: How to create a new project

---

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

When we add a sprite to an Arcade project, we add it by putting it into a variable. We normally use variables to store numbers and text but we can also put more complicated things in them like sprites!

Add the following code to your project.

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

This creates a variable called 'mySprite' and stores a sprite of kind Player in the variable. There are different types of sprites such as:

• Player - for sprites that are your character in the game.
• Projectile - for bullets, rockets or anything you want to fire!
• Food - for health packs, potions etc.
• Enemy - for enemy sprites that you play against or attack you.
• or you can even create your own kind of sprite!

Arcade: How to create a sprite in Arcade

---

Click on the gray box in the sprite block to open the Editor. You can choose a sprite from the Gallery or you can paint your own sprite using the Editor.