DEV Community

MakarovDs777
MakarovDs777

Posted on

An endless procedurally generated on-the-go picture

Not so long ago, I came across a YouTube video r/Place 2022 Timelapse
in short, the essence of the video is that there is a site on which there is a picture, and everyone can go to this site and draw something on it, saving the changes, and as a result, such a war of drawings turned out, and I thought what if I make this picture endlessly-procedurally generated? That would be really cool! And I wrote the HTML code -> Endless picture in HTML (Version 1)
where the endless colored noise of Perlin is simulated.

Image description

Maybe someone will need it? And does anyone have any further ideas about implementing this code?

Top comments (2)

Collapse
 
makarovds777 profile image
MakarovDs777 • Edited

I tried to make a second version where there is an endless canvas on which it would be possible to draw, but unfortunately I was tormented, and I do not know how to solve the problem so that the coordinate of the drawn picture would be tied not to the window of the drawing but to the coordinate where it was drawn, maybe you know how to solve this problem?

And I generally searched, and found a type of such a site that also looks like this. Well, imagine making the same space only in 3d? This has definitely never been done before... 🤔

Collapse
 
makarovds777 profile image
MakarovDs777

In general, I added a third version that adds seed like in minecraft, when generating which a certain generation is created.