You can already move a sprite and build simple game behaviour in MakeCode Arcade.

Today you will finish Monkey Mayhem: a monkey collecting donuts for points against a 30-second countdown. You will run the game, fix problems as they show up, test it against the plan you wrote, and get ready to share it with classmates.

Open MakeCode Arcade and the project you saved earlier (or start a fresh Arcade project if you need to). We will build step by step: predict, run, investigate, modify, then make it your own.

Monkey Mayhem has four parts:

1. A monkey you move.
2. Donuts that appear in random places.
3. A score that goes up when you collect one.
4. A 30-second countdown that ends the game.

Test each part before you add the next.

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.

Next, you will create your player sprite. This is the character that you will control in the game. Add the following code:

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

Then click on the grey box and choose a sprite character from the gallery. In our example we will choose the monkey character.

let mySprite = sprites.create(img`
    . . . . f f f f f . . . . . . . 
    . . . f e e e e e f . . . . . . 
    . . f d d d d e e e f . . . . . 
    . c d f d d f d e e f f . . . . 
    . c d f d d f d e e d d f . . . 
    c d e e d d d d e e b d c . . . 
    c d d d d c d d e e b d c . f f 
    c c c c c d d d e e f c . f e f 
    . f d d d d d e e f f . . f e f 
    . . f f f f f e e e e f . f e f 
    . . . . f e e e e e e e f f e f 
    . . . f e f f e f e e e e f f . 
    . . . f e f f e f e e e e f . . 
    . . . f d b f d b f f e f . . . 
    . . . f d d c d d b b d f . . . 
    . . . . f f f f f f f f f . . . 
    `, SpriteKind.Player)

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.

Now, let's make your sprite move using the joystick (or the arrow keys on your keyboard).

Add the following new code:

let mySprite = sprites.create(img`
    . . . . f f f f f . . . . . . . 
    . . . f e e e e e f . . . . . . 
    . . f d d d d e e e f . . . . . 
    . c d f d d f d e e f f . . . . 
    . c d f d d f d e e d d f . . . 
    c d e e d d d d e e b d c . . . 
    c d d d d c d d e e b d c . f f 
    c c c c c d d d e e f c . f e f 
    . f d d d d d e e f f . . f e f 
    . . f f f f f e e e e f . f e f 
    . . . . f e e e e e e e f f e f 
    . . . f e f f e f e e e e f f . 
    . . . f e f f e f e e e e f . . 
    . . . f d b f d b f f e f . . . 
    . . . f d d c d d b b d f . . . 
    . . . . f f f f f f f f f . . . 
    `, SpriteKind.Player)
controller.moveSprite(mySprite)