Terrain Generation via Wave Function Collapse (Babylon.js Playground)

Demos and projects
1

Thought I’d share this in case it’s interesting / useful to anyone, made it as a demo of how to do terrain in an actual game i’m working on.

Would be awesome if anyone has any tips on how to get the lighting to look better, the aesthetic i had in mind was similar to like OpenTDD / TransportTycoon but the algorithm is a bit different (intentionally).

Screenshot 2025-09-25 230231
Screenshot 2025-09-25 230231850×848 202 KB

https://playground.babylonjs.com/#QZ6OPP#1

7 Likes
2

I love it !!!

1 Like
3

thanks!

also, here’s a version with trees

image
image828×806 163 KB

2 Likes
4

Looks quite nice!

5

Just for reference from OpenTTD.

Screenshot 2025-09-26 170231
Screenshot 2025-09-26 1702311322×967 285 KB

I do not think the light is necessarily the issue. But rather maybe

  • the classical iso perspective. (I grew up with it, so it is burnt in my mind)
  • more colors: try some low res terrain textures (see e.g. opengameart)
2 Likes
6

Thanks, yeah I’m guessing it’s not a lighting thing too, I actually switched to a form of lighting that doesn’t create shadows to help with performance. And yeah, I am going to try creating some low res terrain textures, currently trying to get the city generation like in your screenshot working though. I should add a button as well to reset it to iso perspective, the idea is for the camera to be moveable so you can zoom in and out and rotate around etc but not a bad idea to have an option to lock it to iso perspective :slight_smile:

1 Like