ty! feel free to check out the live site on diagram.page! doesn’t include these updates yet but should be dropping soon if all goes to plan! :D

the struggle is real 😭😭

not a bad feedback tbh, i could see the layout shift being a bit annoying. i'll experiment with this a bit.

appreciate the feedback!

tyty! hoping to take this feature live on diagram.page next week!

soon you'll be able to edit the shape / color of multiple nodes at once as well!

also, spot the bug lol

ahhh i think you're right! i just looked back into .reduce() and i see that you can use a custom starting value, and it can be any type. that didn't register the first time i was looking at the function. i might try rewriting my solution with this knowledge 👀

thanks! perf isn't too important here, so i mostly care about readability :D

i should have clarified that the nodes are not DOM nodes but just regular objects. kinda confusing, lol

YES THIS WAS SUPPOSED TO SAY 2025 whoopss

thanks! my original intention was to switch to a proper blog, but maybe i'll stick with the threads for now!

glad you liked it, maybe i'll continue this way!

That's it. Here's the final product. You have a player that can move around. This is a very basic game, but I hope it gets your imagination running. I plan to continue this series with a lot more info.

What medium would people prefer? Video, blog, or continuing like this?

Cool, now the screen gets cleared. Lastly, to make this a "game", let's add some basic controls. Instead of blindly incrementing x and y every frame, let's do it if keys are pressed down. We can add keydown and keyup listeners and toggle some booleans.

Something happened, but it looks like it's dragging across the screen! We just need to clear the screen before we redraw.