Sketches as Web Components

For years, I've tinkered with game development on the web. But, I haven't finished (m)any games. So, I decided to just focus more on finishing little interesting sketches of graphics and sound. This time around, I'm playing with portals—er, I mean Web Components

What's really neat (to me) is that I took a web sketch from a few years ago, then reshuffled all the code into a web component. Published that to GitHub Pages and now I can use it in other places. Like, in CodePens and blog posts like this one!

Someday, I should make my own local codepen component 🤔
If you view source or inspect this page, you can see I used the web component right here!

The other thing I'm trying is splitting the difference on build / no-build: The external dependencies get bundled up into shared reusable modules with code splitting for cache-friendliness. The rest of my code is ES modules loaded straight up by the browser.

If, on some inevitable day, the build tools fail, I should just be able to take a snapshot of the last good bundles and keep trucking on.

blog comments powered by Disqus
Sketches as Web Components  Previous 2025 Week 17 Next