Custom Map Guide

How to build a custom map and load it into the web version

Back to Menu

What the loader expects

The game reads the alpha channel of your collision image. Any pixel with visible alpha becomes a wall; transparent pixels stay open. That means you can build a map with one image, or split it into a collision mask plus a separate display image.

Option 1: one image

  1. Create a PNG with the walkable space fully transparent.
  2. Paint the walls and solid obstacles with opaque pixels.
  3. Use the same PNG as both the collision image and the display image.

Option 2: two images

  1. Create one PNG that is only the collision mask.
  2. Create another PNG for the visual art or background.
  3. Upload both files in the custom-map panel.

Example file names

  • my-map-collision.png
  • my-map-display.png

Team colours

The game uses six fixed army colours. If you paint bases, lanes, or labels on your display image, use these exact hex values so they match the teams on screen and in the menu.

  • Green (team 0) - #00ff00
  • Blue (team 1) - #2633ff
  • Red (team 2) - #ff3333
  • Cyan (team 3) - #00ffff
  • Yellow (team 4) - #ffff00
  • Magenta (team 5) - #ff00ff

Recommended setup

  • Use a wide image with a 16:9 aspect ratio if you want the cleanest result.
  • Keep key lanes and choke points easy to read at a glance.
  • Use separate art if you want the collision layout to stay simple.

How to load it in

  1. Open the main menu or multiplayer lobby.
  2. Pick Custom Map from the map dropdown.
  3. Choose the collision image.
  4. Optionally choose a second display image.
  5. Start the battle, or let the host start in multiplayer.

If you only upload one file, the game uses that same file for collisions and display.