The Best Darn Grid Shader (Yet) (2023)

(bgolus.medium.com)

137 points | by eliasylonen 16 hours ago ago

8 comments

  • singron 8 hours ago

    This was really interesting. I don't love the fading out to solve the moire in the final solution. I wonder if some dithering would feel better and give the impression there are lines out there rather than a smooth gray surface? Or maybe some jitter to break up the pattern?

    This isn't shown in the post, but sometimes the moire feels worse if you are walking around and the moire has a movement of its own (either flickering/shimmering or sweeping across in uv space), and it's probably a decent benefit to get rid of the moire even if it's imperfect.

  • arandomhuman 4 hours ago

    This is really awesome. to ask a dumb question, what’s a good way to get acclimated with running and building shaders? Just going straight to OpenGL tooling and extrapolating from there?

    • joenot443 3 hours ago

      Book of Shaders + ShaderToy is how a lot of people cut their teeth.

  • tobr 8 hours ago

    Looks very interesting. I’m confused by the note in the intro though:

    > Note: I highly recommend viewing this article in dark mode.

    I’m trying, but it seems like Medium doesn’t even have a dark mode? Is this reposted from somewhere else?

    • drdebug 8 hours ago

      You can install the "Dark Reader" plugin on Firefox, works great.

  • slimbuck 9 hours ago

    I love this article! I used it as a basis for the multi-level grid in SuperSplat (https://playcanvas.com/supersplat/editor).

  • unclad5968 8 hours ago

    It's awesome so much effort was put into rendering a grid. Great write up.

  • ansgri 5 hours ago

    Very nice, I'd use it as one of the starting points if I was to learn 3D graphics as it touches upon a lot of math details in a seemingly simple problem.