HTML5 Canvas v2

Canvas animations in Svelte

January 2023

In early 2023, I felt like revisiting one of the core reasons I fell in love with coding in the first place: the ability to use code as a medium for visual art. While much of my professional work focuses on building functional and data-driven applications, I’ve always had a passion for the more expressive and creative side of web development.

A Creative Compilation

HTML5 Canvas v2 was my attempt at compiling and improving some of my favorite animations and interactive experiments from over the years. I wanted to create a dedicated space where I could showcase these projects and use them as a foundation for even more ambitious artistic endeavors in the future.

Technical Evolution

To achieve this, I decided to lean into the Svelte framework, which I’ve found to be simple and powerful (I have more thoughts). I spent a lot of time changing up my existing animations to have a suite of tools that I could use to build more. Some of those tools include:

• Drawing tools for making shapes relative to a point and not just from [0, 0] to [W, H]
• User interactions tools for mouse positions and pausing

I intend to continue adding more animations to the collection in the future. I’m a big fan other other artists that use technology like this as their medium, and I’d love to find some success posting one that I’ve built like they have. Until then, it’s a great way to challenge myself and explore new ways of using code to create meaningful and engaging visual experiences.