# Infinite Grid (Phaser 3)

**URL:** <https://phaser.discourse.group/t/infinite-grid-phaser-3/10578>\
**Category:** Examples\
**Created:** [November 2, 2021, 4:45pm UTC](https://phaser.discourse.group/t/infinite-grid-phaser-3/10578 "2021-11-02T16:45:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [November 2, 2021, 4:45pm UTC](https://phaser.discourse.group/t/infinite-grid-phaser-3/10578/1 "2021-11-02T16:45:27Z")

</div>

This gives the illusion of an infinite-sized grid background.

It’s done by creating a [Grid](https://docs.phaser.io/api-documentation/class/gameobjects-grid) slightly larger than the camera viewport (padded by one cell at the right and bottom edges) with scroll factor (0, 0). Then the Grid is shifted in sync with the camera scroll.

[https://codepen.io/samme/pen/OJjxKKb](https://codepen.io/samme/pen/OJjxKKb)