Plum Growth 梅花生长动画

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

InteractiveIconMorph 交互式图标形变动画

从 BenjaminOddou/portfolio项目中提取, 实验之后收藏进来的交互式菜单图标动画, 鼠标悬停时用 GSAP 驱动 SVG 路径形变, 使用了GSAP的MorphSVG插件，并配合环形文字旋转。感觉好看的底部社交图标。

黄金回旋

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