Using GridMaps

Introduction

Gridmaps are a tool for creating 3D game levels, similar to the way TileMap works in 2D. You start with a predefined collection of 3D meshes (a MeshLibrary) that can be placed on a grid, as if you were building a level with an unlimited amount of Lego blocks.

Collisions and navigation can also be added to the meshes, just like you would do with the tiles of a tilemap.

Example project

To learn how GridMaps work, start by downloading the sample project: gridmap_starter.zip.

Unzip this project and add it to the Project Manager using the “Import” button.

Creating a MeshLibrary

To begin, you need a MeshLibrary, which is a collection of individual meshes that can be used in the gridmap. Open the “mesh_library_source.tscn” scene to see an example of how to set up the mesh library.

../../_images/gridmap_meshlibrary1.png

As you can see, this scene has a Node3D node as its root, and a number of MeshInstance3D node children.

If you don’t need any physics in your scene, then you’re done. However, in most cases you’ll want to assign collision bodies to the meshes.

Collisions

You can manually assign a StaticBody3D and CollisionShape3D to each mesh. Alternatively, you can use the “Mesh” menu to automatically create the collision body based on the mesh data.

../../_images/gridmap_create_body.png

Note that a “Convex” collision body will work better for simple meshes. For more complex shapes, select “Create Trimesh Static Body”. Once each mesh has a physics body and collision shape assigned, your mesh library is ready to be used.

../../_images/gridmap_mesh_scene.png

Materials

Only the materials from within the meshes are used when generating the mesh library. Materials set on the node will be ignored.

NavigationMeshes

Like all mesh instances, MeshLibrary items can be assigned a NavigationMesh resource, which can be created manually, or baked as described below.

To create the NavigationMesh from a MeshLibrary scene export, place a NavigationRegion3D child node below the main MeshInstance3D for the GridMap item. Add a valid NavigationMesh resource to the NavigationRegion3D and some source geometry nodes below and bake the NavigationMesh.

Note

With small grid cells it is often necessary to reduce the NavigationMesh properties for agent radius and region minimum size.

../../_images/meshlibrary_scene.png

Nodes below the NavigationRegion3D are ignored for the MeshLibrary scene export, so additional nodes can be added as source geometry just for baking the navmesh.

Warning

The baked cell size of the NavigationMesh must match the NavigationServer map cell size to properly merge the navigation meshes of different grid cells.

Exporting the MeshLibrary

To export the library, click on Scene > Export As… > MeshLibrary…, and save it as a resource.

../../_images/gridmap_export.png

You can find an already exported MeshLibrary in the project named “MeshLibrary.tres”.

Using GridMap

Create a new scene and add a GridMap node. Add the mesh library by dragging the resource file from the FileSystem dock and dropping it in the “Theme” property in the Inspector.

../../_images/gridmap_main.png

The “Cell/Size” property should be set to the size of your meshes. You can leave it at the default value for the demo. Set the “Center Y” property to “Off”.

Now you can start designing the level by choosing a tile from the palette and placing it with Left-Click in the editor window. Use Right-click to remove a tile.

Use the arrows next to the “GridMap” menu to change the floor that you are working on.

Click on the “GridMap” menu to see options and shortcuts. For example, pressing S rotates a tile around the y-axis.

../../_images/gridmap_menu.png

Holding Shift and dragging with the left mouse button will draw a selection box. You can duplicate or clear the selected area using the respective menu options.

../../_images/gridmap_select.png

In the menu, you can also change the axis you’re drawing on, as well as shift the drawing plane higher or lower on its axis.

../../_images/gridmap_shift_axis.png

Using GridMap in code

See GridMap for details on the node’s methods and member variables.


User-contributed notes

Please read the User-contributed notes policy before submitting a comment.

Previous Next