I can't believe I spent close to 4 weeks developing a seemingly trivial tool.

I wanted a tool with which I could 1) write/draw on a tablet, using a stylus, then replay/animate the act of drawing/handwriting. I also wanted it to 2) produce smooth strokes that hide the jagged lines caused by an unsteady hand and a slippery tablet surface.

The former goal was the easy one (although it is not quite complete yet). The latter however turned out to be quite challenging. I think I rewrote it gazillion times before I got what I thought was a decent result.

I hope it was not a waste of time and that I subconsciously learned something from this exercise.

I used #webgpu to compute and render the "strokes". Not sure if that is an overkill, but I thought it was better to delegate such computations to the GPU to keep the UI responsive.

l forgot to add a link to the tool I mentioned yesterday (in the post above):

https://ghadeeras.github.io/pages/sketch

Currently, it only works in Chrome because it uses #WebGPU. The controls are rather awkwardly unconventional and unintuitive because I am too lazy to implement proper ones. Click on the joystick icon to learn about them. I think that a tablet, preferably with a stylus, would be the friendliest way to use it. It's still so much a work in progress though. More to come.

#splines

Sketch

Experimenting 😅