Here we'll have a look at a fully featured game created in MakeCode Arcade including the enhancements shown in this guide, as well as adding a bit of animation on our player sprite. First of all, if you're new to making games with MakeCode Arcade, have a look at these fundamental guides first:

Only use the Google Chrome browser with MakeCode!

We'll look at two versions of the Digi-Key Shipping Game, before and after the enhancements were added.

Start by launching MakeCode Arcade beta using the Google Chrome web browser. Then, download the Shipping_Game_before.png file by right-clicking on the image below and saving it to your computer.

Load the Code

This is a special .png file that contains not only an image, but the entire game is embedded in it as well!

Simply drag it from the location to which you saved the image on your computer (such as the desktop as shown here) onto the Chrome browser window that is already running MakeCode Arcade (MCA).

This will open the code into the MCA editor.

If you're ever unsure where a MakeCode block comes from, you can often find it by matching the block's color to a category on the left side of the editor. You can also use the handy search function!

Give the game a test play -- it's fun! Use the controller d-pad/thumbstick to move the D-K box around the screen and collect the proper number of components to fulfill the latest order. You'll see the number of each component needed on the left side of the screen.

Now, let's take it up a level! Here's the version with these additions:

  • Splash screen background
  • Intro music
  • Factory background during gameplay
  • Background music
  • Animation for the player sprite
  • Health counter bar indicator on the NeoPixel strip

Again, download this special .png file and than drag it into your MakeCode Arcade window to open it.

Now try playing this version -- it's NEXT LEVEL!

Then, when you're ready, you can upload the game onto a PyGamer or PyBadge to bring it on the go.

Here's the version that shipped with AdaBox 012, which has a different splash screen:

This guide was first published on May 28, 2019. It was last updated on May 28, 2019.

This page (Shipping Game) was last updated on May 24, 2019.

Text editor powered by tinymce.