You can already open a MakeCode Arcade project and move a sprite. Today you will keep building Space Shooter at your device: lives, spawning asteroids, rockets, score and a lose condition.

Before you run anything new, think: what should happen when an asteroid hits the spaceship? What should happen when a rocket hits an asteroid?

Open the project you saved earlier. You will predict, build, run and fix as you go.

Space Shooter has five parts. Build and test them in this order:

1. A spaceship you steer.
2. A number of lives to lose.
3. Asteroids that appear and move down the screen.
4. Rockets that destroy an asteroid when they hit one.
5. A lose condition when the lives run out.

Run the game after each part. A game that breaks after five changes is five times harder to fix than one that breaks after one.

Go to the arcade.makecode.com website and create a new project.

Arcade: How to create a new project

---

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

In this game you will control a spaceship that has to dodge and shoot asteroids that come flying at it.

Add the following code to create the spaceship sprite and use the sprite editor to design your spaceship. It should point towards the right as that's where the asteroids will be coming from.

Rename your sprite to spaceship.

let spaceship = sprites.create(img`
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . d d d . . . . . . . . 
    . . 2 2 2 1 1 1 d d . . . . . . 
    . . 2 4 4 1 1 1 1 1 d d . . . . 
    . 2 4 4 5 1 1 1 1 1 1 1 d d . . 
    2 4 4 5 5 1 1 1 1 1 1 1 1 1 d d 
    2 2 4 4 5 1 1 1 1 1 1 1 d d . . 
    . 2 2 4 4 1 1 1 1 d d d . . . . 
    . . 2 2 2 d d d d . . . . . . . 
    . . . . 2 d d . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    `, 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 add the following new code to control the spaceship with the arrow keys and set it so that it cannot go off the screen.

let spaceship = sprites.create(img`
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . d d d . . . . . . . . 
    . . 2 2 2 1 1 1 d d . . . . . . 
    . . 2 4 4 1 1 1 1 1 d d . . . . 
    . 2 4 4 5 1 1 1 1 1 1 1 d d . . 
    2 4 4 5 5 1 1 1 1 1 1 1 1 1 d d 
    2 2 4 4 5 1 1 1 1 1 1 1 d d . . 
    . 2 2 4 4 1 1 1 1 d d d . . . . 
    . . 2 2 2 d d d d . . . . . . . 
    . . . . 2 d d . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    . . . . . . . . . . . . . . . . 
    `, SpriteKind.Player)
controller.moveSprite(spaceship, 150, 150)
spaceship.setStayInScreen(true)