How does he create those animations? I'd like to make them as well for myself.

smokel · 2024-03-01T14:43:22 1709304202

They seem to be built with some love by the author. Apparently they have written it in Haxe, judging from the comment in the page source.

cgadski · 2024-03-02T05:07:53 1709356073

Haha yeah, took some love. I have a scrappy little "framework" that I've been adjusting since I started making interactive posts last year. Writing my interactive widgets feels a bit like doing a game jam now: just copy a template and start compiling+reloading the page, seeing what I can get onto the screen. I've just been using the canvas2d API.

Besides figuring out a good way of dealing with reference frames, the only trick I'd pass on is to use CSS variables to change colors and sizes (line widths, arrow dimensions, etc.) interactively. It definitely helps to tighten the feedback loop on those decisions.

brodolage · 2024-03-01T17:56:20 1709315780

Oh that's way out of my league unfortunately. I wonder if there's a library or something that does something like this.

riemannzeta · 2024-03-02T13:18:46 1709385526

Not quite what you're looking for, but worth pointing out that Grant Sanderson of 3Blue1Brown has published the "framework" he uses for his math videos on GitHub.

https://github.com/3b1b/manim

aeonik · 2024-03-01T21:35:30 1709328930

I'd like to know too.

I've been using Emmy from the Clojurescript ecosystem, which works pretty good, but has a few quirks.

https://emmy-viewers.mentat.org/