SuperAPI AI 工具集

A6-numeral-roller

通用与其它

查看项目

更新于 10-15 21:54

技能介绍

A6-numeral-roller 是一种动态图形场景原型,核心是老虎机式数字滚动效果,数字在画面中垂直滑动切换,切换瞬间上方短暂露出前一位数字底边、下方露出下一位数字顶边,形成旋转鼓轮的视觉暗示。该场景以 numeral-roller 为唯一主元素,可选叠加静态 SVG 刻度标记,暗示物理表盘。

布局方面,画布为 1080x1920 或由 pack 指定;数字区域锚定居中,字号约为画面高度的 70%,字体取自 pack 的展示字体。刻度标记可选,顶部锚定横跨画布,数量 12,颜色取 pack.ink。每个数字需单独做布局平衡:'12' 与 '5' 视觉宽度不同,需按字形宽度重新调整 x 位置以保持视觉质量居中,并非纯居中对齐。

编排上,每个数字的节拍时长为 24 帧(30fps 下约 0.8 秒),数字滚动窗口 4 帧,滚动后保持 20 帧静止。缓动为线性,因为滚轮是机械式的,不应有弹性或贝塞尔过冲。

风格包兼容性:支持 SP-A,优先用于 SP-A,与 SP-C、SP-D、SP-F、SP-G 不兼容。该原型较为少见,只有 SP-A 具备适配的机械单色质感,自定义 pack 可能支持。SP-A(marshmallow)适配为“秒表”模式:背景为黑色 #0F0F0F 或 pack ink,数字为白色 Inter Black,在 1080×1920 下约 960px 字号,刻度为 12 个白色小三角横跨画布顶部。

时长取决于数字位数,每位 0.8 秒,12 位共 9.6 秒。质量检查包括:逐位布局平衡、仅线性运动、滚动窗口内上下部分数字可见(3-5 帧)、刻度保持静态不随数字移动。常见失败模式:滚动过于急促(缓动非线性,应改为线性)、数字看似瞬移(滚动窗口过短,应增至 4-5 帧)、数字变化时视觉质量偏移(缺少逐位布局平衡,需按字形宽度计算并调整 x)。