Sierpinski Triangle — live canvas animation example

motion & easing8+
trig, angles & vectors8+
collision detection11+
numbers in motion7+
geometry & shapes8+
generative showpieces13-
handy helpers7+
△ Sierpinski Triangle — a shape made of smaller copies of itself. Take a triangle. Mark the midpoint of each side and connect those three midpoints — that carves out a smaller upside-down triangle in the middle and leaves three corner triangles. Now do the same thing to each of those. Forever. That's a FRACTAL: the same rule applied at every scale, so any piece, zoomed in, looks like the whole. Here we lean into that self-similarity by zooming in continuously. Each frame the whole figure grows a little, and whenever a triangle gets big enough it spawns its medial (midpoint) triangle — half the size, rotated 60°. Because the growth rate and the spawn rate are locked together, a freshly spawned triangle reappears at exactly the size the previous innermost one had, so the zoom never bottoms out and never resets. You're falling into the gasket.