黄金回旋

为了庆祝飙马野郎的播出而随性6 sol coding的，实现超出了我的预料。实现方式是，按斐波那契数列计算方块的边长与位置，在每个方块中用 SVG 绘制一段四分之一圆弧；将 stroke-dasharray 设为路径长度，用 stroke-dashoffset 把描边移出可见范围，再将偏移量动画过渡到 0，让方块和圆弧逐段显现；同时用 requestAnimationFrame 平滑调整 viewBox，让镜头跟随螺旋向外扩展。

Animation Laboratory

黄金回旋

r(θ) = aφ^2θ/π·φ = (1 + √5) / 2

按斐波那契数列的边长排列方块，再在每个方块内画一段四分之一圆弧。这是黄金螺旋的常见近似画法，并非公式对应的精确曲线。

Plum Growth 梅花生长动画

动画来自 Anthony Fu 老师 2022 年的直播回放教学，他在博客中也使用了此动画，地址：https://antfu.me/。动画单纯使用 Canvas 画图，构造一棵二叉树，每次通过广度优先的方式生长枝条，左右枝条的生长概率均为 50%。