Quad

Introduction¶

Quad grid object of Board system.

var grid = scene.rexBoard.add.quadGrid({
    x: 0,
    y: 0,
    cellWidth: 0,
    cellHeight: 0,
    type: 0,
    // dir: 4
});

or

// import { QuadGrid } from 'phaser3-rex-plugins/plugins/board-components.js';
var grid = new QuadGrid(config);

x, y : World position of tile (0, 0)
cellWidth : The width of the cell, in pixels.
cellHeight : The height of the cell, in pixels.
type
- 0, or orthogonal
- 1, or isometric
dir :
- 4 or '4dir' : Left/Down/Right/Up
- 8 or '8dir' : Left/Down/Right/Up/Left-down/Down-right/Right-up/Up-left

Get

var worldX = grid.x;
var worldY = grid.y;

Set

grid.setOriginPosition(worldX, worldY);

or

grid.x = worldX;
grid.y = worldY;

Get

var width = grid.width;
var height = grid.height;

Set

grid.setCellSize(width, height);

or

grid.width = width;
grid.height = height;

var worldXY = grid.getWorldXY(tileX, tileY);  // worldXY: {x, y}
// var out = grid.getWorldXY(tileX, tileY, out);

var tileXY = grid.getTileXY(worldX, worldY);  // tileXY: {x, y}
// var out = grid.getTileXY(worldX, worldY, out);