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:
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.
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: