As there is always a chance a mistake is made that cannot be easily corrected, or the power goes out or literally anything and everything, saving your work periodically is a good idea.

I suggest you use different file names at each step. Especially as later on you may be loading graphics from a program already saved and proceeding from there.

In the screen at left, the save box is located at the bottom of the screen.

Type in a filename and click the disk icon. Your computer will prompt you for a location to save your code.

You code is saved in a special PNG file. Yes, PNG stands for Portable Network Graphics and your code is encoded within an image file!

The clever Microsoft folks have devised a file that you can view on any type of computer and it also has code within it. So if you are confused as to where your code blocks are, they are within the PNG image.

You should see a pop up like that to the left after selecting the location to save your file explaining things.

Here is the PNG for the simple badge. Most of the PNG is a black image - we didn't do anything fancy to make a more colorful image but you will see some text to indicate what the image is.

If you want to upload my badge code, use the image below, right click the mouse and save it onto your computer.

In the MakeCode Arcade main page, you can upload this image and have the exact code I used already loaded.

Loading or Reloading Code

If you plan to load some code, you may wish to first save your progress so far. Do so now if you need to as loading a program replaces the work you have done and the process is not reversible.

Load your code via the main MakeCode Arcade page using the Import button shown in the screenshot at left.

When the code is loaded, you'll see the familiar code creation screen with the code blocks already positioned.

This guide was first published on Jul 31, 2019. It was last updated on Jul 31, 2019.
This page (Saving and Loading Your Work) was last updated on Oct 25, 2020.