动效字符
用 Canvas 实时渲染:小文字拼出大文字,每个字都有独立动画 ✨
素材文本
1
目标文本
目标字体
素材字体
密度(列数)64
动画类型
速度(周期秒)1.6s
强度(放大/起伏幅度)1.70×
文字颜色
背景颜色
实时预览(Canvas 动画)
0 行0 列0 字
提示:每个暗格的小字由 requestAnimationFrame 逐帧绘制。底层有一层静止暗字保证大形状(B)始终清晰。「纵向滚动(像素)」用裁剪 + 连续亚像素偏移让素材字在格内平滑滚动;「随机飘动」把每个 A 当作一个粒子,最左边的小字能一路飘到最右边,在整个大文字范围内自由游动、撞到 B 的内壁就反弹,同时各自缩放(试试调大「强度」让缩放更夸张、调小「速度」让飘得更慢)。