Show HN: A simple infinite world in WebGL • Hacker News Board

Re: Show HN: A simple infinite world in WebGL

#21

Post by ComodoHacker » Thu, Jul 28, 2016, 9:12 PM UTC

Reminds me https://en.wikipedia.org/wiki/The_Thirteenth_Floor

Re: Show HN: A simple infinite world in WebGL

#22

Post by Baristan » Thu, Jul 28, 2016, 9:14 PM UTC

joakleaf wrote: post #14

There seems to be some missing triangles after a while (10-20 sec.) on Chrome on OSX Are these caused by some z-buffer issues caused by increasingly large coordinates?

It does looks like float32 errors from moving the camera too far in a scene.

Seen it before while trying to create an infinite city in WebGL. I ended up creating a world offset for each sector, and every time the camera's position was more than a sector length, reposition the camera in the scene and adjust the sector offsets. May not be the best solution, but it was quick and worked.

Re: Show HN: A simple infinite world in WebGL

#23

Post by [deleted] » Thu, Jul 28, 2016, 9:19 PM UTC

[deleted]

Re: Show HN: A simple infinite world in WebGL

#24

Post by dc2 » Thu, Jul 28, 2016, 9:24 PM UTC

This guy's source is terse and clean. I like it.

Re: Show HN: A simple infinite world in WebGL

#25

Post by diimdeep » Thu, Jul 28, 2016, 9:27 PM UTC

ComodoHacker wrote: post #21

Reminds me https://en.wikipedia.org/wiki/The_Thirteenth_Floor

Yes !

Re: Show HN: A simple infinite world in WebGL

#26

Post by dinosaurs » Thu, Jul 28, 2016, 9:33 PM UTC

Very nice. This reminded me of the flight simulator easter egg in old versions of MS Excel.

Does anyone have some good resources on getting started with WebGL or graphics programming in general? I know the libraries (like Three.JS) but I wouldn't know where to start or how to use them. I see Three.JS being used in fancy websites all the time now and would like to stay up to date.

Re: Show HN: A simple infinite world in WebGL

#27

Post by leeoniya » Thu, Jul 28, 2016, 9:34 PM UTC

dinosaurs wrote: post #26

Very nice. This reminded me of the flight simulator easter egg in old versions of MS Excel. Does anyone have some good resources on getting started with WebGL or graphics programming in general? I know the libraries (like Three.JS) but I wouldn't know where to start or how to use them. I see Three.JS being used in fancy websites all the time now and would like to stay up to date.

for those who've never had the pleasure: https://www.youtube.com/watch?v=c6nY0QkG9nQ

Re: Show HN: A simple infinite world in WebGL

#28

Post by erkaman » Thu, Jul 28, 2016, 9:53 PM UTC

ComodoHacker wrote: post #21

Reminds me https://en.wikipedia.org/wiki/The_Thirteenth_Floor

Yeah, that kind of thing was exactly what I was trying to achieve in this demo.

Re: Show HN: A simple infinite world in WebGL

#29

Post by safeharbourio » Thu, Jul 28, 2016, 9:53 PM UTC

Oh, my dear, what are you doing to me! +1

Re: Show HN: A simple infinite world in WebGL

#30

Post by Eyght » Thu, Jul 28, 2016, 9:53 PM UTC

erkaman wrote: post #17

jackfrodo wrote: post #4

Earlier quoted context omitted.

>var f = 0.0015974 Where did this number come from? Is it arbitrary?

Just arbitrary hand-tweaking. It was chosen because I though it looked good. When doing procedural generation like this, you basically just tweak constants 'til it looks good. There's no deeper reason behind it.

I'm hoping that this kind of interaction will be part of one of our first encounters with aliens, sometime in the far future. The aliens would ask why we had done something a certain way and the human answer would be: "Because it looks good".