Tilemap Level Editor (Archived)

A simple level editor for Godot with JSON export functionality. Made with Godot.

• Support me on Ko-fi

• Github Project
• YouTube
• Website

Use case

This is currently used in a personal project. It's used to load in JSON files into Godot to recreate the levels at runtime. The exported JSON file contains all levels and individual cells. This makes it easy to recreate the level in Godot.

Alternatively, you can use this program to easily create levels in the editor.

Controls

Placement:

• Left click: Place tile (if selected)
• Right click: Delete tile

Other:

• TAB: Toggle GUI
• SHIFT + Scroll up: Increase brush size
• SHIFT + Scroll down: Decrease brush size

Camera:

• Middle mouse drag: Drag camera around
• W / ↑: Move camera up
• S / ↓: Move camera down
• A / ←: Move camera left
• D / →: Move camera right
• Mouse scroll up: Zoom in
• Mouse scroll down: Zoom out

UI Overview

Create new layers with the `+ New Layer` button. This brings up a dialog box for selecting an image file. After selecting a file, the new layer appears in the list.

Switch between layers by pressing the arrow to the left of the layer. This will open the tileset on the left. Use the up and down arrow keys to move layers.

Select a tile and start drawing.

Change the size and shape of the cursor using the buttons in the lower right corner.

Exported JSON file

The exported JSON file looks like this:

[
    {
        "texture_path": "tilemap-level-editor/tileset.png",
        "cells": [
            [2,-6,-1],
            [2,-5,-1]
        ]
    },
    {
        "texture_path": "tilemap-level-editor/tileset.png",
        "cells": [
            [4,-7,-2],
            [4,-6,-2]
        ]
    }
]

Each cell contains an ID, an x and a y position. The ID is used to identify which cell in the tileset it refers to.

Problems

- [ ] Currently the program only supports tiles of 16x16 size. The spritesheet needs to be divisible by 16 (16, 32, 48, 64, 80, 96, 112, 128, etc.)

Godot_v3.5-rc2