Projects

Aquarelle

After deleting Instagram, I wanted somewhere to put up watercolour paintings, so I started building one and along the way got lost down the rabbit hole of trying to create an animation that mimics watercolour pigment diffusion.


This was briefly a WebGL shader, but that was nutty and an SVG filter based approach ended up being much more straightforward.

Opening Stage

Megaman X is one of my all-time favourite games, though I couldn’t tell you what inspired me to recreate the run cycle animation with a personalised sprite.


Rigging the sprite up into a keyframe animation via a css steps() timing function was super straightforward, though.

Variante Ovoide

I was inspired to recreate this statue from Bilbao after a trip to Spain.


It gave me a simple scope to play around with Three.js, which was a nice way to ease into the unknown with it.