The Walls Layer

The Grid Layer is positioned 2nd from bottom in the layers of the Canvas. The Grid Layer is responsible for orienting and segmenting the game space into grid spaces. Currently only a square grid is supported but hex grid support is flagged as a feature for work during Beta development.

The Grid provides convenience tools for measuring distance, restricting token movement, and providing guide lines for anchoring wall segments or other canvas features.

Wall Configuration

Walls are customized by the Game Master from within the application. To add or modify walls on the Walls Layer activate the Wall Layer on the primary toolbar as a player with Game Master privileges. There are four varietes of wall segments which can be placed into a scene:

Regular Walls
These walls block both movement and vision. They are rendered on the Walls Layer using an off-white color.
Invisible Walls
These walls block movement, but not vision. They are rendered on the Walls Layer using a light blue color.
These walls are able to be toggled between multiple states. Doors may be closed, open, or locked. Closed (or locked) doors block both movement and vision, while open doors do not block either vision or movement. Doors will be rendered as a small icon for player views which, if clicked, will open or close the door provided it is not locked. Only Game-Master players have the ability to unlock doors. Open doors are rendered in green while with closed doors in orange and locked doors in red.
These walls work as doors, able to be toggled between closed, open, or locked states, however unlike regular doors the icon for secret doors is not shown to players and these can only be toggled by the Game Master. Secret doors are rendered in purple.

In the above image (from the GM perspective), Daulgrim the Dwarf Ranger is exploring a small room. The white lines around the exterior of the room are regular walls, the fountain is surrounded by invisible walls which prevent the player from moving into the fountain area. There is a closed door to the right is not locked and could be opened by the player.

Walls Layer API

Mod developers may wish to interact with or manipulate this layer and can do so using the singleton instance of the WallsLayer() class which is accessible from within the client as canvas.walls.

class WallsLayer()

A CanvasLayer responsible for drawing walls and computing sight


Override the activation behavior of the walls layer. When active, we show the walls with full opacity and make them interactive.


Add a single new Wall to the Walls Layer without re-drawing all walls. Re-compute token visibility after the new wall is created.

  • wallData (Object) – The data used to construct a new Wall

type: Array

An Array of Wall() intances on the current Scene which block token movement. Movement-blocking walls include:

  1. Regular Walls
  2. Invisible Walls
  3. Closed Doors

type: Array

An Array of Wall() intances on the current Scene which block token vision. Vision-blocking walls include:

  1. Regular Walls
  2. Closed Doors

Override the deactivation behavior of the walls layer. When inactive, walls are mostly transparent and non-interactive.


Draw the WallsLayer, placing each wall exists in the scene


type: Array

The set of unique vision-blocking wall endpoints Used to shortcut calculation of line-of-sight

WallsLayer.getNearestVertex(x, y)

Given a pair of coordinates [x0,y0] return the closest walls vertex [x1, y1]

  • x (Number) – An x coordiante on the Canvas
  • y (Number) – A y coordinate on the Canvas

Array – A coordinate pair [x1,y1] which represents the closest grid vertex to the original point.


type: PIXI.Container

The Walls Container