# Endless world

**URL:** <https://phaser.discourse.group/t/endless-world/13720>\
**Category:** Phaser 3\
**Created:** [November 12, 2023, 11:39pm UTC](https://phaser.discourse.group/t/endless-world/13720 "2023-11-12T23:39:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Crazywane1](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/crazywane1/32/7857_2.png) [@Crazywane1](https://phaser.discourse.group/u/Crazywane1)\
**Post date:** [November 12, 2023, 11:39pm UTC](https://phaser.discourse.group/t/endless-world/13720/1 "2023-11-12T23:39:36Z")

</div>

I want to create an endless world (tilemap) in Phaser but I’m not sure how to go about it. I want to consistently append the same tileset. An example would be [gameofbombs.com](http://gameofbombs.com). Take a look at my screenshot… There’s a tilemap that repeats or gets appended. Both the tilemap and the actions (player, bombs, etc.) are also carried over. I want to have it exactly like that. I don’t know what that’s called. Maybe someone has an idea?

[![Unbenannt-2](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/7/76725cd966b6446874bf77510be49e427b06f73e.png)](https://ibb.co/rwSBNVV)

---

<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 13, 2023, 4:25pm UTC](https://phaser.discourse.group/t/endless-world/13720/2 "2023-11-13T16:25:36Z")

</div>

I think this could be done with 3 extra cameras.

---

<div class="post-metadata">

**Author:** ![Crazywane1](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/crazywane1/32/7857_2.png) [@Crazywane1](https://phaser.discourse.group/u/Crazywane1)\
**Post date:** [November 13, 2023, 5:59pm UTC](https://phaser.discourse.group/t/endless-world/13720/3 "2023-11-13T17:59:36Z")

</div>

I had already thought about that. But how should that work? I created the red lines to illustrate that it is only one tilemap. The player is always in the center, and the camera follows the player. There are no walls; the same tilemap, including actions (player, bombs, etc.), is seamlessly appended.

---

<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 15, 2023, 12:36am UTC](https://phaser.discourse.group/t/endless-world/13720/4 "2023-11-15T00:36:05Z")

</div>

https://codepen.io/samme/embed/preview/jOdGLBW?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=jOdGLBW

---

<div class="post-metadata">

**Author:** ![Crazywane1](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/crazywane1/32/7857_2.png) [@Crazywane1](https://phaser.discourse.group/u/Crazywane1)\
**Post date:** [November 15, 2023, 7:31pm UTC](https://phaser.discourse.group/t/endless-world/13720/5 "2023-11-15T19:31:35Z")

</div>

Thank you for your work. This is exactly what I was looking for. Unfortunately, it has a small bug. Do you know what could be causing it? Set width and height to 1500px.While moving, there are significant black renders.

---

<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 15, 2023, 11:59pm UTC](https://phaser.discourse.group/t/endless-world/13720/6 "2023-11-15T23:59:28Z")

</div>

The map in the example is only 1280×1280, so there’s nothing to render outside of that.