Live data from Hacker News

Show HN: M. C. Escher spiral in WebGL inspired by 3Blue1Brown

static.laszlokorte.de

1–10 of 36 posts

Show HN: M. C. Escher spiral in WebGL inspired by 3Blue1Brown

#1
The latest 3Blue1Brown video [1] about the M. C. Escher print gallery effect inspired me to re-implement the effect as WebGL fragment shader on my own.

[1]: https://www.youtube.com/watch?v=ldxFjLJ3rVY

Show HN: M. C. Escher spiral in WebGL inspired by 3Blue1Brown
static.laszlokorte.de

Re: Show HN: M. C. Escher spiral in WebGL inspired by 3Blue1Brown

#3
Very cool! However, it took me a while to figure out how this was supposed to be used.

For others:

On desktop, at least, you need to click and drag up/down on the left-hand control that says "swipe" with two arrows.

Or click "Autoplay".

laszlokorte -- can I suggest that the up/down icons should also be clickable/holdable? Since they're icons, they look like buttons, not a "swipe area". And also, maybe default to having autoplay on (but still with the controls visible)? Because it was not clear to me, at first, that the whole point of the site is infinite zoom.

Re: Show HN: M. C. Escher spiral in WebGL inspired by 3Blue1Brown

#7

Very cool! However, it took me a while to figure out how this was supposed to be used. For others: On desktop, at least, you need to click and drag up/down on the left-hand control that says "swipe" with two arrows. Or click "Autoplay". laszlokorte -- can I suggest that the up/down icons should also be clickable/holdable? Since they're icons, they look like buttons, not a "swipe area". And also, maybe default to havi…

Mouse scroll wheel works, too

Re: Show HN: M. C. Escher spiral in WebGL inspired by 3Blue1Brown

#9
stupid question to webgl experts here?

- can you build an entire fps shooter game using web gl? how is physics handled? how is collision detection, enemy AI handled? what kind of frame rate can you expect from a counter strike game made in web gl?

- what is the difference between webgl and threejs and babylonjs?

- what is the man hour effort involved for doing something like this assuming you know html, css and js pretty well but not familiar with gamedev

- is open gl the non web version of web gl? or are they completely different?

Re: Show HN: M. C. Escher spiral in WebGL inspired by 3Blue1Brown

#10

stupid question to webgl experts here? - can you build an entire fps shooter game using web gl? how is physics handled? how is collision detection, enemy AI handled? what kind of frame rate can you expect from a counter strike game made in web gl? - what is the difference between webgl and threejs and babylonjs? - what is the man hour effort involved for doing something like this assuming you know html, css and js pr…

You can implement the graphics part of it using WebGL. It's strictly a graphics API for drawing to the screen. But there are specific libraries for eg physics that you can use in your WebGL 2 app, or entire 3D engines (like those you mentioned) targeting WebGL around. Or you can DIY.

> is open gl the non web version of web gl? or are they completely different?

The current version of WebGL, WebGL 2, is like OpenGL ES 3.0.

Post reply on HN