[amjoshuamichael]

Original author here. I've been reading this website for years. Imagine my shock when I saw my own article on the front page! I'm glad people are enjoying it.

Quick fact about the way the interactivity is done, all of the code for it is in this blogpost.js file: https://aaaa.sh/creatures/blogpost.js, which is only about 100 lines long. Each block has a list of scripts that it pulls from like so:

<div class="code-example" scripts="grid-sm 2d-vector-gfx-lib draw-grid full-algo-intro feather-canvas-edges"></div>

and then there's a set of script tags with those ids. I figured it was a nice solution!

[dndn1]

Really pretty outputs! And impressive that the code is shown so elegantly and also interactive.

This algorithm is one I use to demo some features in a language I'm making called calculang [0][1] I like the way you step through the logic.

My only suggestion would be to include a raycasted scene because you can really grab a wide(r) audience (and I'd love to see how you get to voxel scenes!).

Either way - thanks for adding a neat new resource for this algorithm and I'm definitely taking notes Re your clean presentation of the details!

[0] https://next-calculang-gallery.netlify.app/raycasting

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

[amjoshuamichael]

Haha, I don't know why I didn't think to include a raycast scene, especially since that's what I was using the algorithm for!! Glad you liked it.

[jasonjmcghee]

This is great. You should add an og:image / social image using one of the interactive bits to help with sharing on other platforms / discord etc!

[davidanekstein]

Great job, thanks for breaking it down the way you did

[MrMcCall]

That's just really fantastic. Well done, indeed.