logoalt Hacker News

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

148 pointsby laszlokorteyesterday at 7:43 PM22 commentsview on HN

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


Comments

amiga386today at 10:22 AM

You are forgiven for not knowing about the University of Leiden's Escher and the Droste effect site from 2002, given it shut down in 2024, but they were the first to try filling in the centre of Print Gallery and make the association with the cocoa tins

https://web.archive.org/web/20020802200015/http://escherdros...

show 1 reply
Bewelgetoday at 11:38 AM

Very cool! I once tried rendering his towers. Mainly used normal canvas drawing though :)

https://bewelge.github.io/escherTower/

Panzerschrektoday at 5:40 AM

I did my own version too: https://www.youtube.com/watch?v=xxLfDHe93_M

djmipstoday at 2:49 AM

Why not include the Print Gallery image? Or - if worried about copyright, the ability to load an image.

show 1 reply
sgbealyesterday at 8:11 PM

Note to other viewers: getting the Escher-esque effect requires tapping a checkbox at the top of the page (easy to miss on a large monitor).

vivzkestreltoday at 5:46 AM

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?

show 3 replies
crazygringotoday at 2:32 AM

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.

show 1 reply
nvme0n1p1today at 3:02 AM

This is awesome! I'd love to be able to upload a custom image too.

Falimondatoday at 1:09 PM

Cool, I think? It's unusable on mobile Google Chrome. Pinch to zoom worked for about a split second and now it’s broken

bornfreddytoday at 7:27 AM

Nice! Nit: on mobile (ff if it matters) swiping down for some time makes the edges very grainy.

show 1 reply
breakyerselftoday at 3:08 AM

This is awesome. I'd love to see the original escher image scroll through there.