Background & Foreground Overview

The Map of your Space is essentially a sandwich: the bottom bread is the background, the middle layer is the characters and objects, and the top bread is the foreground. 

When you create your Space starting with one of our templates, we have created the background (and possibly a foreground) for you already. In the Mapmaker, you have the opportunity to upload your own background and foreground, or to download the existing background or foreground.

The hamburger menu of the mapmaker is open, with Background & Foreground selected, and a further drop-down menu that shows Upload Background, Upload Foreground, Download Background, and Download Foreground.Select the hamburger menu, then select Background & Foreground to view your options for uploading and downloading backgrounds and foregounds.

Upload Background

To upload your own background or foreground, in the Mapmaker, select the hamburger menu in the top left corner. Then select Background & Foreground, followed by Upload Background.

The hamburger menu of the Mapmaker is expanded, with Background & Foreground selected, and Upload Background highlighted in the expanded menu. A modal shows two options: Draw your own background and Upload a background.When you select Upload Background, you have the option to Draw your own background or Upload a background.

You have two options:

  • Draw your own background: If you select this option, your existing background will be deleted, and the Walls & Floors background painter will open. If you accidentally select this and your background is now white, choose Cancel in the Top Nav Menu. Read more about the Walls & Floors background painter.
  • Upload a background: If you select this option, select your background image file from your computer.
    • Image should be no larger than 3200 x 3200 px
    • Maximum file size is 3 MB

Upload Foreground

To upload your own background or foreground, in the Mapmaker, select the hamburger menu in the top left corner. Then select Background & Foreground, followed by Upload Foreground.

The hamburger menu of the Mapmaker is expanded, with Background & Foreground selected, and Upload Foreground highlighted in the expanded menu. A modal shows two options: Remove foreground and Upload a foreground.When you select Upload Foreground, you have the option to Remove foreground or Upload a foreground.

You have two options: 

  • Remove foreground: If you select this option, your existing foreground will be deleted. If you accidentally select this, choose Undo in the Left Nav Menu
  • Upload a foreground: If you select this option, select your foreground image file from your computer.
    • Image should be no larger than 3200 x 3200 px
    • Maximum file size is 3 MB

Warning: Double check that you are not uploading foregrounds into the background location. This will create black screens and loading issues.

Download Background or Foreground

Downloading your background or foreground is helpful if you want to edit the image in a third-party image editing app, share your background with a mapmaking community, or get a backup copy.

To download your background or foreground, in the Mapmaker, select the hamburger menu in the top left corner. Then select Background & Foreground, followed by Download Background or Download Foreground.

The downloaded image opens in a new tab. Right click to save the image to your device.

Note: Designing your own background or foreground? Check out our Map Design Best Practices articles.