Live data from Hacker News

Show HN: A simple infinite world in WebGL

erkaman.github.io

31–40 of 61 posts

Re: Show HN: A simple infinite world in WebGL

#33
This is really cool! I think it might look a bit cleaner if you changed the filtering on your shader to be nearest, instead of linear.

I posted this previously but I didn't want to distract from your submission, so I made my own submission to a similar thing I created: https://news.ycombinator.com/item?id=12183383

Re: Show HN: A simple infinite world in WebGL

#34
post #33

This is really cool! I think it might look a bit cleaner if you changed the filtering on your shader to be nearest, instead of linear. I posted this previously but I didn't want to distract from your submission, so I made my own submission to a similar thing I created: https://news.ycombinator.com/item?id=12183383

Thanks for the tip!

Re: Show HN: A simple infinite world in WebGL

#35
post #20
post #5

Earlier quoted context omitted.

It starts visually glitching out after 10 seconds or so, for me. Doesn't really ruin the experience, but as it appears to get more pronounced with time, I don't think we'll reach infinity. :)

After some time the glitches are reset and the process restarts.

It's very cool up until everything starts going a bit see through - although it does still look good even then.

Funny when I read the word "glitching" I assumed it would be a framerate hitch, which might be cause by GC, but I did a quick timeline grab and it seems OK for desktop. Collects about 12MB every 10-12 seconds. That might have more of an impact on mobile of course, especially Android.

I'm having that kind of issue with a game I'm working on - in my case I'm being way too cowboy about creating and throwing away JS objects for particles (only in 2D on a canvas) and it's causing GC framerate glitches on Android.

Re: Show HN: A simple infinite world in WebGL

#36
post #2

In this demo, I implemented an infinitely continuing, vaporwave-like world in WebGL. If you can't run it for some reason, a recorded gif of the demo can be found here: https://github.com/Erkaman/wireframe-world . As for the implementation, it is not very difficult stuff; I divide up the world into chunks(just like in Minecraft), and as the camera traverses the world, the chunks that become out of range are thrown awa…

If you can, you should really turn on anisotropic filtering, so that the grid-lines on the horizontal surfaces don't go all blurry.

Re: Show HN: A simple infinite world in WebGL

#39
I made a similar demo: http://dlubarov.github.io/webgl-infinite-terrain-demo/

Source code: https://github.com/dlubarov/webgl-infinite-terrain-demo

It's also Perlin noise, but with multiple layers and finer granularity, so it appears more detailed. You can control the camera with WASD and the mouse.

Re: Show HN: A simple infinite world in WebGL

#40
post #2

In this demo, I implemented an infinitely continuing, vaporwave-like world in WebGL. If you can't run it for some reason, a recorded gif of the demo can be found here: https://github.com/Erkaman/wireframe-world . As for the implementation, it is not very difficult stuff; I divide up the world into chunks(just like in Minecraft), and as the camera traverses the world, the chunks that become out of range are thrown awa…

Might I recommend some fine CC-BY (vapor|synth|retro)wave music to accompany it?

* https://stratfordct.bandcamp.com/album/airglow-memory-bank

* http://stratfordct.bandcamp.com/album/stratford-ct-melior

* http://stratfordct.bandcamp.com/album/stratford-ct-lux-aesti...

* http://stratfordct.bandcamp.com/album/stratford-ct-secret-se...

* http://stratfordct.bandcamp.com/album/stratford-ct-1-yr-anni...

* http://stratfordct.bandcamp.com/album/stratford-ct-aestas

* http://stratfordct.bandcamp.com/album/literature-prose-ep

Post reply on HN