Unable to create a grid

[djdabs]

Been struggling to create a grid.. Tried both the rex plugina and native phaser3 grid option. Neither of them create a grid in the scene. Any ideas on what I could be missing?

     export const ROOM_WIDTH = 3126
     export const ROOM_HEIGHT = 1042


           this.add.grid(
                0,
                0,
                ROOM_WIDTH*2,
                ROOM_HEIGHT*2,
                64,
                64,
                '0xffffff',
                '0xffffff',
                '0xffffff',
                '0xffffff',
            )
            
            const grid = this.rexBoard.add.board({
                grid: this.rexBoard.add.quadGrid({
                    x: 0,
                    y: 0,
                    cellWidth: ROOM_WIDTH,
                    cellHeight: ROOM_HEIGHT,
                    type: 1
                }),
                width: ROOM_WIDTH*2,
                height: ROOM_HEIGHT*2,
                // wrap: true,
                // infinity: true
                // dir: 4
            });
            
            this.rexBoard.createTileTexture(grid, 'tile', '0xffffff', '0xffffff', 5)

[rexrainbow]

rexBoard.add.board() return a board instance, scene.add.grid return a Grid Shape game object. I guess that you need scene.add.grid.

[djdabs]

thanks for the reply Rex!

I need the grid to snap objects to while dragging.

I tried this.add.grid and the grid never gets added to the scene. It doesn't show up on screen, just black.. Do i need to enable physics or something for grids? 🤔

[rexrainbow]

Check phaser3 version to latest one, and check this demo.