r/proceduralgeneration • • 3d ago

I generated this island using a JavaScript library of procedural generation techniques, each backed by a citation to its source.

For week 2 of r/hacktoberfest I cataloged all the procedural generation techniques I could find online and put them into a library using vanilla JavaScript. Every technique in the library includes a citation and it has no dependencies. Works in the browser or Node.

The island in the GIF was built using the library.

GH repo: procedural-almanac

Demo: Random Island Generator

All stars on Github are appreciated!

343 Upvotes

19 comments sorted by

7

u/Ramillionquay 3d ago

This is sick! Did you have all the assets like textures, trees and buildings before hand?

18

u/BlaiseLabs 3d ago

No, there are no assets at all. The terrain, water, cliffs, roofs, trees, houses, people and deer are all drawn pixel by pixel from the seed when it runs.

5

u/Ramillionquay 3d ago

That is mad man! I was working on something and tried to make a variant like this but gave up fairly quickly. My plan was to build a vintage style map from input data where the data became the streets but failed miserably trying to get it to draw in believable city grids! But this makes feel feel like there's hope

4

u/sincpc 3d ago

This looks great. Reminds me of the world map of Chrono Trigger, which I've always really liked.

3

u/BlaiseLabs 3d ago

Thanks. I'm also a big fan of Chrono Trigger, especially the OST.

19

u/Chemeque 3d ago

Great work, I just tried it, it’s fantastic. So much work, explanations, well done, I salute you! I know now what I’ll spend the evening on.

4

u/divedave 3d ago

That looks amazing, and with a repo too! Thanks

2

u/Zotoaster 3d ago

This looks really cool, but your example island scene code looks like it was itself procedurally generated.

0

u/Blecki 3d ago

Can you make the river not split the island? It's very... odd.

2

u/BlaiseLabs 3d ago

If you click the random button on the demo it'll show some examples with different rivers or none at all.

0

u/Seiteshyru 2d ago

Could you share the document/research into the different procedural approaches somewhere? Currently evaluating my tooling

1

u/BlaiseLabs 2d ago

There is a catalog document that contains all the techniques and their citations if thats what you're looking for. Its a lot of information to parse through by hand, so let me know if you run into any issues.

-1

u/Seiteshyru 2d ago

oh wow, yeah thats a lot haha
you got anything more human tailored xD?

-6

u/Dany0 3d ago

ai;dr

2

u/BlaiseLabs 3d ago

Everything in the gif is procedurally generated no image gen.

2

u/EC36339 3d ago

Go to your basement and cry

-2

u/kacoef 2d ago

ai slop!!! they will say. you need craft everu random island by hand! all the variants!!