Custom Map Overview

This is a quick-start guide and overview of how to create a custom Space in Gather. 

Tip: We recommend checking out our various Mapmaker tutorials on YouTube in addition to this article.

Terms

  • Space: A self-contained virtualized world created on Gather. Has an associated URL. Can contain one or more Rooms/Maps.
  • Room: An individual Map within a Space. (Room and Map can be used interchangeably.) Each Room/Map belongs to a Space, although some Spaces have only have one Room. Note: Some Spaces (many of the templates designed for 2-25 users) are designed as an individual Map with multiple "rooms" as indicated by walls and doors. When we refer to a Room, we are referring to a unique Map that has been connected to a Space.
  •  Background: The bottom-most layer of a Map. A Gather Space is like a sandwich: The background is the bottom bread, the characters and objects are the filling, and the foreground is the top bread. Each Room has one background. 
  • Foreground: The top-most layer of the Map. This is an optional layer that allows characters to walk under/behind objects.
  • Tile Effects:  A setting applied to an individual tile or group of tiles to add interaction or a behavior in your Map. There are five types of tile effects: Impassable, Spawn, Portal, Private Area, and Spotlight.
  • Objects: Objects are the images you can place in your Space, on top of your Space's background image. They can be uploaded as custom object images, or selected from the large variety of pre-generated objects inside of our Object Picker.

Overview

Creating a custom map for Gather is a four-step process:

  1. Create a Space: Go to https://app.gather.town/create to create a new Space. You can start with any of our templates, or start from scratch with a blank Map.  You can also add Rooms to existing spaces.
  2. Create a Background (and foreground, optionally):  Create the layout and style for the room you’re working on.
  3. Add Tile Effects: Indicate where Gather should allow characters to walk or not walk (e.g., walls) and any other special effects that should happen when avatars enter certain tile locations.
  4. Finally, add Objects: This includes chairs, tables, and interactive TVs, games, whiteboards, and more.

1. Create a Space 

When you create a Space, you can choose from any of our templates or start with a blank Space. 

Note: For details on how to use our templates, check out our article on Creating a Space

To create a completely custom Space, from our Template Picker (https://app.gather.town/create), select the Start from blank button at the top of the page, or choose one of the three options in the Blank category in the left panel. 

  • If you select the Blank (Start from Scratch) template, you will need to upload your own background image or create one using our Background Painter (in beta). Starting from scratch will take you straight into the Mapmaker.
  • If you choose either of the Empty Room templates, we provide walls and a floor in a Map designed to initially accommodate 25-50 (Medium) or 2-25 (Small). Starting from one of these templates takes you into your Space, where you then need to select Build in the Left Nav Menu to open the Mapmaker.

A view of the template picker with the Blank category active. At the top center of the template picker, the button From the Template Picker, select the Start from blank button or choose one of the options in the Blank category.

2. Create a Background 

Backgrounds are managed from the Mapmaker. There are two ways to create a background at this time: use the Background Painter or upload your own image. 

Background Painter [Beta]

We have recently changed access the Walls and Floors painter tool while we make improvements to it.

Here's what we've done: 

  • We are turning Floors & Walls back on in its current state, but we are now explicitly putting it behind the space-wide beta features toggle. 
    • If you want to use Floors & Walls, you can enter your Grapes menu, go into Settings, select the Space tab on the top, select the Space Preferences tab on the left, then you can toggle on "Beta features".
  • Specific folks and particular rooms that were already regranted access the week of October 17th will continue to have access to the walls & floors feature
  • Please use this feature set at your own risk! While we are making a few updates to the feature, our teams haven't planned for a complete overhaul of the functionality for some time.


The Background Painter is a powerful tool in the Mapmaker that allows you to draw your own walls and floors in your Map. 

Warning: If you place walls or floors, you will remove the existing background. A warning message displays when you select Walls & Floors in the Mapmaker.

To use the Background Painter, open the Mapmaker. Select Walls & Floors in the Top Nav Menu. A warning message displays. 

A screenshot of the Mapmaker without a background or Map uploaded. The Walls & Floors option is outlined in red in the Top Nav Menu. A Beta warning message displays: Placing Walls & Floors will remove any currently upload background image." A cancel and Continue button display beneath.When you select Walls & Floors in the Top Nav Menu of the Mapmaker, a warning message displays.

Select Yes to open the Background Painter.

A view of the background painter tool in the mapmaker. The floors and walls that were previously visible are gone, and only the objects and tile effects display. The right panel shows six different wall options.If you previously had a background and use the Background Painter, the background image is removed, and you see only the tile effects and objects that remain.

Select Walls or Floors. We recommend that you start with drawing the walls first and then fill in the floors after the walls are built.

To use the wall tool, simply drag your mouse in a straight line (note that it should only be one tile tall for the walls and the tool auto-creates the depth). You can create corners, intersections, etc. as well! 

Using the floor tool is even easier! Simply drag your mouse across the Map and the floors will fill in. 

A gif illustrating the background painter. The canvas is blank, then the cursor highlights tiles to the right, then down, then to the left, then up, to create a rectangular room. The cursor then draws another line in the middle of the Space and a line from the top of the Space toward the new wall to create a Room. Then Floors is selected in the Top Nav Menu and a wood floor is placed by clicking and dragging the cursor across the tiles within the walls. A purple carpet is selected and drawn into the smaller room. Then Done is clicked in the Top Nav Menu, and the background painter closes. Then Save is clicked in the Top Nav Menu of the Mapmaker.To place walls, draw down and across. To place floors, drag the mouse across the area. When you're satisfied, select Done in the Top Nav Menu. The Mapmaker will display with the Background Painter closed. If you're satisfied with your changes, select Save

Note: Click Done in the Background Painter to check how your new walls and floors look with your existing Space. If you want to revert changes, simply close the tab and your changes will not be saved. If you are happy with how it looks, remember to click Save in the Top Nav Menu of the Mapmaker.

Upload a Custom Background

You can also create your custom background (and foreground) outside of Gather and then upload it in the Mapmaker. From the Mapmaker, select the hamburger menu, then select Background and Foreground. Select Upload Background or Upload Foreground, as appropriate. 

A view of the fancy office template in the Mapmaker. The hamburger menu is expanded, and the expanded menu is outlined in red. Background & Foreground is highlighted in the menu, which further expands to Upload Background, Upload Foreground, Download Background, and Download Foreground.Select the hamburger menu, then select Background & Foreground. Choose whether to upload your foreground or background.

Custom Background Specifications

You can use any photo editing program to create your background and foreground images. Images should be:

  • A .png or .jpg file (Foregrounds must be use PNG for transparency)
  • Scaled to fit a 32x32 pixel tile system (so height and width should both be multiples of 32)
  • Files should be under 3MB
  • Dimensions should be under 3200x3200 pixels
  • Foregrounds and Backgrounds MUST have the same dimensions

Further Resources

Tip: As long as it’s scaled to match our 32x32 pixel grid and in .png or .jpg format, you’ll be able to upload it as a background or foreground.

3. Add Tile Effects

Add tile effects to govern how characters can interact with your Space. For example:

Note: Read all about Tile Effects within Space Design.

4. Adding Objects

You can add a variety of objects to your Space to perfectly match your aesthetic! We offer a large variety of objects found through our Object Picker, or you can upload your own image assets. 

Note: Read all about Objects within Space Design.