动效、图解与创意代码
挑选一个效果,复制完整源码或源码链接,交给自己的 Agent 改编。
页面设计
封面与开场
- 注意力如织 · Attention Loom
宣纸底、靛蓝墨与朱砂印:一句中文的自注意力被画成织机上的经纬丝线,逐个查询字被朱色点亮,下方同步显出注意力分布。
- Grokking · 顿悟时刻
瑞士国际主义版式的研讨会海报:训练准确率早早到顶,验证准确率却长期贴地,直到某一步突然跃升;右侧模加法预测表从噪点翻成整齐的斜纹,空心标题先被灰色“记住”,再被黑色“理解”填满。
- The Shape of Loss · 损失地形
孔版印刷(Riso)风格的等高线地形:蓝色油墨的损失曲面上,三条粉色优化轨迹从高处滚落、绕过山丘、汇入黄色铺底的平坦宽谷,右下角同步画出训练曲线。
- Next Token · 下一个词
绿色磷光的老式终端里,语言模型一个 token 一个 token 地写出这张封面:右侧面板实时显示 top-5 候选与概率,偶尔采样到非最高项时亮起提示,下方以概率条记录每个词的把握。
- Out of Noise · 去噪成形
深夜般的黑底上,两千八百粒高斯噪声沿反向扩散时间表逐步收敛为一只旋臂星系;标题的模糊与粒子同步褪去,底部计时 t 从 1000 走到 0。
- Laws of Scale · 蓝晒定律
蓝晒(cyanotype)印相质感的学术讲义封面:双对数网格逐渐曝光,七种规模模型的损失曲线依次显影,计算最优前沿以淡金虚线连成幂律,探针沿前沿读出算力与损失。
- Rooms of Quiet
剪纸层叠拱门:六层赤陶色纸拱自下而上回弹就位并缓慢呼吸,最深处透出暖光,小太阳升起,台阶逐级伸出;左侧古典衬线标题,适合建筑、生活方式与思辨类演讲。
- Inference at the Edge
深色科技主题:斐波那契点阵球体逐步织网并缓慢自转,活跃节点发出脉冲,外圈刻度环与扫描线营造仪表感;标题以终端打字方式出现。
- Make Things Weird
孔版印刷(Risograph)风格:粉、蓝、黄三色网点与斜纹色块正片叠底、弹性涌现并轻微错版晃动,纸张颗粒质感;粗体几何标题与旋转徽章,适合工作坊、创意与社群活动。
- 山水之间
水墨山水:四重远近山峦由淡到浓浮现,云雾缓移,孤舟与飞鸟点景;竖排宋体标题逐字晕开,朱印落款,适合中文人文、设计与文化类分享。
- Slit-Scan 2026
暮色渐变上的超大 Didot 年份数字被切成 28 条横带,自两侧交错滑入拼合,之后以慢速扫描波轻微错位,如长曝光底片;适合年度回顾、总结汇报。
- Form Follows Signal
国际主义网格海报:十二栏网格自上而下展开,红色圆盘、黑色四分圆、色条与方框依次就位并保持克制的节律运动;大号无衬线标题逐行升起。
背景与主题
- 深海色场
深海蓝黑底上叠三团半径接近整屏的柔和色场,各自沿椭圆或“8”字轨迹慢速移动,不透明度以 120° 相位差互补摆动,整屏亮度近乎恒定。左侧标题与要点、右侧证据链示意保持静止,用于检验微弱色温流动对阅读的影响。
- 晶面转光
深靛底上铺满一面不动的低多边形晶面。每个三角面有固定法线,一束仰角 52° 的隐形光源方位角在 38 秒内匀速绕行一周,各面亮度按朗伯余弦律在极窄的暗色区间内交替变化;整屏平均亮度近乎恒定,没有任何几何移动。左侧“来源→结论”关系图与右侧复核清单保持静止。
- 墨流纸面 · 原稿提取
保留原页的背景、标题与小字字体、字号、字距、颜色和位置;深色版本保留静态底纹。主体流程、图例与回路已移除,示例文案可直接替换。
- 漆夜泥金 · 原稿提取
保留原页的背景、标题与小字字体、字号、字距、颜色和位置;深色版本保留静态底纹。主体流程、图例与回路已移除,示例文案可直接替换。
- 夜潮萤墨 · 原稿提取
保留原页的背景、标题与小字字体、字号、字距、颜色和位置;深色版本保留静态底纹。主体流程、图例与回路已移除,示例文案可直接替换。
页面转场
- 章节分隔
进入新章节:大号章节序数从遮罩中升起,题名、英文名与导语依次落定;底部议程列出全部章节,已完成项打勾、当前项强调、未来项留空;进度线从上一章位置生长到本章,当前章圆点轻轻脉动一次后稳定。
- 章节翻阅
三个章节作为同一纵深空间中的页面:当前章正对观众,已讲过的章节转身退到左侧,尚未讲到的章节斜置在右侧依次排开。每次前进时,当前页沿弧线向左退场、下一页从右侧转正,底部进度轨上的标记同步滑动,观众始终看得到「讲过什么、正在讲、还剩什么」。每章转正后再揭示其内部要点。
- 连续长图
三段内容画在同一张 1920 宽的场景里,镜头只做平移。24 个样本点从“标注混乱”的两团出发,排队经过打分闸门,冲突样本落入复核盘并被改正,其余进入出口;随后全部在结果区重组成干净的两类,并配合准确率对比。结尾锚定右缘缩成全景长条,离开处留下淡影,回看三段关系。
- 液态幕布
三层有不同曲率的幕布从右向左覆盖旧画面,在完全遮挡时换景,再依次退场。弯曲边缘由四个控制点的不同缓动生成,不靠透明度交叉淡化。
- 形态承接
三页围绕一个追问展开。留存曲线的终点“18%”膨胀成环形图,把同一群留存用户按首周行为互斥归类(先判完成引导,其余再判受邀),回答“留下的是谁”。占比最大的“完成新手引导”一段被拉直为引导流程的主线,承接的是“引导”这一话题而非这群人:随后先提示分母切换为全部注册新用户,再从零长出新分母下的漏斗宽度,回答“新用户在引导的哪一步掉队”。
- 进入下一层
概念页上留有一个与画面同比例的入口窗口,透过它能隐约看到更深处的机制图。镜头推进时,概念页放大掠过、内层按更远的纵深较慢放大,形成视差;窗口在画面中心扩展到恰好铺满舞台,边框淡去,面包屑「推荐系统 › 内部机制」接替原来的层级标签。进入后,机制的四个阶段依次点亮,说明内部如何运作。
- 并行视角合流
左右分屏分别呈现用户访谈与行为数据的证据,并高亮各自指向的关键点;随后两块面板收缩为上方的来源标签,原本分隔两侧的中线位置变为合流主干,蓝、琥珀两色支流汇于一点,并排流入下方的结论卡。
信息表达
数据与图表
- 重新排序
五家门店在“营收”和“增速”之间切换:每行的位置、条形与数值同步变化,位移最大的行先行并短暂抬起。
- 指标聚焦
先在完整刻度上标出基准与其波动区间,再让大数字从基准值(而非 0)计数到当前值,同步只在刻度上长出变化段;变化同时以“百分点”和“相对百分比”给出,并用一句话翻译成实际意义和仍未解决的部分,避免截断坐标或单一相对值造成的夸大。
- 柱条生长
柱条从基线依次长到准确高度,数值标签在柱顶随后淡入;最高的一根换强调色。
- 目标达成
先铺出每项指标的刻度底带与合理范围,再落下目标刻线,最后让实际进度条生长;右侧分别给出“相对目标”的差值与“相对合理范围”的位置,两种判断不混为一谈,未达标且越界的一项被强调。
- 群组再分类
每个点代表同一位用户,颜色固定为其渠道,追踪环标记其中一位。切换分组维度时点沿弧线飞往新组并自下而上堆叠,组计数随落点增长,底部算式确认各组之和始终等于总数。
- 正负贡献
先立起零点中线与方向说明,再按数值从正到负逐条自零点生长:正值向右、负值向左,颜色、符号与长度三者一致;所有因素展开后,分隔线下方的净变化条按同一比例生长并给出带符号总和。
- 点阵填充
10×10 点阵按顺序逐个点亮到准确数量,直观表达“每 100 个中有 N 个”。
- 配对差值
先放出各对象的第一次测量点,再让第二个点从第一点处滑出,连接段即为差距;右侧差距列列出三项差值,最大的一项被强调,绝对值大小退为背景。
- 热力矩阵
分档色阶图例先出现,扫描线自左向右掠过 5×8 矩阵逐列着色;扫描结束后其余格子弱化,关注区域加框并显示具体数值,图例中对应的分档同步标记,让颜色与数字可以互相核对。
- 趋势折线
折线沿时间轴逐步绘出,当前点、参考线和数值气泡同步移动,面积填充随线展开,最后停在完整的 12 个月数据上。
- 趋势折线
绘制头从 1 月出发,按时间匀速向右推进,折线与面积随之延伸;每经过一个月份数据点,该点出现并轻微放大,横轴月份高亮,右上读数更新为该月实际数值。到 12 月后绘制头退场,出现由 1 月水平基线到 12 月高点的增量括注“+44 万”,停留约两秒后淡出循环。
- 棒棒糖比较
四根细杆从同一条 0 基线依次生长到数值点,随后画出其余三项的均值参考线,把落后项染色并用差距括线标出相差的分数。
- 占比分解
圆环按顺时针依次展开三个占比扇环,中心的合计随之累加,每段完成后由引导线引出名称与百分比,最终合计为 100%。
- 占比分解
演示数据:流量来源中搜索 48%、直接访问 32%、社交 20%。灰色底环先给出“整体”的轮廓,三段从 12 点方向顺时针依次扫开,扫描时长与占比大致成正比;每段完成后轻微外弹,并从扇区中点引线到就近标签,颜色与扇区一致。中心数字按已展开部分累加,最终闭合为 100%,停留后淡出循环。
- 不确定区间
开场只有三个点估计并给出“甲 > 乙 > 丙”的直觉排名;随后每个点向两侧展开不确定区间,甲乙重叠的部分以竖向阴影带贯穿两行,直觉排名被划去,最终只保留区间不重叠所支持的结论。
- 流量去向
每条流带的宽度严格等于其数量乘同一比例;流带逐条从来源流出,抵达后在去向处堆叠并累加计数。随后依次聚焦每个去向说明其构成,最后用两侧合计相等的算式确认守恒。
- 散点与趋势
坐标轴与网格先建立读数框架,24 个散点按横轴顺序弹入;留出只看点分布的停顿后,趋势线从左到右画出,右上角标注给出结论:log–log 下近似线性、每 10× 计算量损失 −0.25。
- 数值平滑更新
从 999 到 1,000,再更新到 1,248 与 986;各位数字沿增减方向滚动,位数与分隔符同步进出。
- 同尺度小图
三个小图共用同一纵轴与时间轴,折线在同一时刻同步推进,便于逐月对照;随后每张图以浅灰叠入另外两组作参照,标出共同上升段,再在差异区段加底色并把偏离的一组染色、注明降幅。
- 增减瀑布
每一项增减都从上一项的累计水平出发,虚线把累计水平传递到下一根柱;顶部算式同步给出“上一累计 ± 本项 = 新累计”,最后用起点参考线和括注说明净变化。
- 阶段转化
首层按总人数展开,之后每一层都先继承上一层的宽度,再收窄到本层人数,直观表现“筛选”;人数在左列,层间转化率以独立胶囊放在右列两层之间,两种数字不混排。全部展开后,转化率最低的一步被强调,并给出整体转化率的计算。
结构与关系
- 结构拆解
装配态亮灯 → 旋下两端 → 外壳上移、内芯下移并保持轴线对齐 → 依次标出“谁装在谁里面”“外壳如何旋合”“电流如何经外壳回流” → 内芯归位、外壳合拢遮住内芯、旋紧后亮灯。拆装全程部件只沿轴向或垂直于轴向移动,层级固定为内芯在下、外壳在上,遮挡与物理装配一致。
- 分层组装
三块有厚度的层先在空中分离,自下而上逐层落下并对齐,连接柱收拢、投影同步收紧,最终稳定成一个整体。
- 分层组装
开场为分离的三层爆炸视图,虚线导轨连接上下层对应角点,上层投在下层顶面的阴影随间距缩小而加深。服务层先落到数据层上,轻微回弹;界面层再落到最上方,整体出现“一个整体 · 3 层叠合”括注。停留后上层先抬起、中层随后抬起,回到分离状态循环。
- 分层组装
数据层、服务层、应用层以不同厚度和顶面纹样区分。开场三层上下分离,可看到各自顶面;底层固定,服务层先加速落下贴合,应用层随后落位,每次落地有一次细小回弹与接缝亮线。组装后右侧面按层叠出三道色带,引线把固定标签连接到各层侧面;停留后自上而下逐层抬起回到分离状态循环。
- 注意力解释
先聚焦一个查询 token,逐个给出它与各键的匹配分数;softmax 把分数变成合计 100% 的权重,矩阵该行随之着色;再用按权重分段的条带说明输出由各 token 的值按比例相加;最后其余各行依次填满,每行合计都是 100%。分数与权重均为人工设定的示意值。
- 因果干预
三节点因果图(混杂 Z、处理 X、结果 Y)。先以观察视角让混杂的后门路径 X ← Z → Y 与因果路径 X → Y 同时流动,右侧条形把观察到的差值拆成因果与混杂两段;随后进行 do(X) 干预,Z → X 被剪断并由外部实验设定 X,Z → Y 仍保留,干预差值只剩因果段。
- 关系重组
先完整呈现旧的中心辐射结构,再把将要拆除的关系标成红色虚线并收回到中心;随后节点平滑移入两个小组,保留的关系跟随节点不断开,最后逐条画出新增关系。右侧图例计数保留、拆除、新增,并在结尾附上重组前缩略图做对照。
- 四象限定位
先画出两条带方向箭头的维度轴并标明两端语义,随后中线把平面切成四个命名象限;四种策略从中心出发沿各自坐标移动到位并留下投影虚线,最后推荐项所在象限被染色、其余退后,结论与该象限名称对应。
- 层级展开
根概念先出现,分支沿连线逐个长出并标注待展开数量;随后每次聚焦一个分支,整棵树先平滑让位,再从该分支画出到各叶项的连线。连线始终由节点当前位置实时求得,展开和让位过程中父子关系不脱节。
- 交集与边界
两个集合的边界先画出,随后依次点亮“仅设计”“仅工程”两块独有区并列出条目,最后两圆的透镜形交集被单独填色、其余区域退后,共享条目放到前景;副标题与角标始终声明这是示意图,圆和重叠面积不代表数量或比例。
流程与时序
传递与汇合
- 时序协作
客户端、订单服务、支付服务三条生命线。时间游标自上而下推进:消息传递时游标停在该行,箭头从发送方移向接收方;处理时游标下移,激活条以实色生长;等待下游返回时激活条为浅色。请求为实线、返回为虚线,两次返回按调用的相反顺序闭合。
- 专家路由
每个 token 有固定颜色。路由器先给 4 位专家打分并只保留前 2 名;token 复制成两份沿各自颜色的路径进入专家,4 位专家同时处理;结果按路由权重流回原位置合并,输出块随权重逐步填满。最后逐个追踪每个 token 的完整路径。数值均为示意。
- 分流与汇合
一个信号从左端发出后明确分成三条路径,在中间节点各自停留不同时长,再先后抵达终点并汇合成完整的环。
- 分流与汇合
输入以三色分片组成的圆盘出现;在分叉点微缩后弹开,三片各沿自己的轨道进入处理站,进度环按演示耗时 0.6s / 1.2s / 1.9s 填满,分片由浅色变为实色;随后依次落入汇合点对应的虚线槽位,计数 1/3→3/3,凑齐后整体送往输出。
- 分流与汇合
输入的圆形信号由三个扇片构成;分流时扇片外张并染上各路颜色,沿三条路径前进,在各自处理站原地旋转一周、留下处理标记,处理时长不同导致抵达先后不同,依次嵌入汇合点的虚线空槽,拼齐后脉冲一次并送往输出。
- 请求与回传
请求从左端沿上方弧线送到右端,服务端处理后,结果沿下方弧线返回左端,两端身份始终保持不变。
- 请求与回传
调用方左、服务方右,上下两条单向路径各自带有方向箭头和顺序编号。一枚令牌先以“请求”形态沿上路前进,进入服务方后沿内部通道下移,机架逐格完成处理并在中途换成“结果”形态,再从下方出口沿回传路径返回;调用方在等待期间显示等待点,收到后结果入槽。全程只有一枚令牌在运动,先后顺序不会被误读为两路并发。
阶段与推进
- 并行路线图
时间游标自左向右扫过,三条工作线的任务条随之生长,显出错峰启动与交接;游标走完后,交付竖线贯穿三条泳道,各线在交付点的收口处亮起,其余任务弱化,交付后的计划以虚框区分。
- 里程碑时间线
时间轴先铺满全程,四个里程碑依次落下日期、标题与说明;随后实心进度条从起点推进到“今天”,途经的节点变为已完成,当前阶段节点放大并持续呼吸,之后的路段保持虚线表示尚未发生。
- 蓝图工坊
原始蓝图研究产线:线索持续进入,方案卡组装、实验测试、扫描验证、补证回流、淘汰入槽与盖章输出。
- 路径描绘
一条大曲线先以点线给出计划,游标从起点出发,沿途点亮节点,抵达终点后以完成状态收束。
- 墨流纸面
原始暖纸研究流程:墨滴持续生成,研磨成彩墨方案,测试曲线、放大镜复核、补证回流与报告逐行书写归档。
- 群流漏斗
深色收束通道呈现点群从调研到报告的筛选、留痕与回流。
- 赛道与墨迹
暖纸底色逐条呈现方案轨迹,保留止步圈叉、虚线回跳和报告记录。
内容讲解
- 前后对照
先完整呈现 Before,再让分界线从右向左扫过,下层 Before 与上层 After 由同一模板生成、坐标完全一致,只有纵轴与数值标注不同;扫过后用虚线框与标注点出两处关键差异并稳定停留。
- 要点聚焦
讲解者逐条推进:当前要点以完整对比度呈现,已讲过的要点退到 45% 仍可回读;最后一条是关键条,左侧落一条强调色短条;收尾时所有要点恢复全亮,页面保持完整可读。
- 验收清单
每一项都并列给出条件、判定标准与实测结果,核对时先出现结果再给出状态,避免“先打勾后补理由”;通过项实心打勾,待确认项保持未完成的虚线外框并说明在等什么;顶部计数和分段进度条停在 2/3,底部明确“尚不能宣布完成”。
- 代码讲解
左侧代码始终完整可见,聚焦框随讲解在行间滑动,非当前行退暗;右侧同色说明卡与顶部流程标签同步切换,观众随时知道正在讲哪几行、属于哪一步;结尾显示示例调用的输出并恢复全貌。
- 图解与注释
图与说明用同一编号和颜色对应:讲到 1 时图中缓存被描边、请求点走一次往返、无关部分退暗;讲到 2 时请求点穿过缓存到达数据库,并画出“写回”箭头。最后两条注释同时保留,便于回看。
- 核心结论
先简短回顾本页讨论的三条要点,随后要点退为背景,连线汇聚到一个节点,引出一句大字号结论;高亮只落在最需要记住的短语上,最后补一行适用范围。
- 取舍说明
同样的两项收益和两项代价,在“写入频繁、要求强一致”的前提下代价更重,在“读多写少”的前提下收益更重;每项下方的权重条与天平倾角由同一组权重计算,结尾用“适用 / 慎用”两行把取舍落到具体条件上。
- 问题停顿
问题单独占据画面并保持静止,只有一个缓慢填满的计时环提示“现在是思考时间”;思考结束后问题缩到顶部保留为语境,回答先给出限定在本例情境内的判断,再补“可能原因”和一组标明为虚构的数据,并在回答标签中注明“虚构演示情境,非通用研究结论”,让揭示有信息量又不越界成普遍断言。
- 引用金句
纸面感的引用页:引文为主角,先展示、再阅读停顿并仅让强调下划线缓慢画出,最后作者与文献年份依次落定。
- 方案对照
中轴放维度及“越高/越低越好”,两方案条形从中轴向两侧同时生长、数值同步计数;每行判定后较弱一侧退暗、较优一侧标注,差距在阈值内标为“相当”,最后给出取决于偏好的判断提示。
- 表格讲解
表格先完整出现并始终保持可读;聚焦条按讲解顺序在行之间平移,当前行的关键单元格以绿(有利)、红(不利)、琥珀(需注意)描边标记,底部字幕同步给出一句解读和进度;最后一步聚焦条停在推荐行,挂上“推荐”标签并给出结论。
- 术语释义
按“名称 → 定义 → 类比 → 例子 → 一句收获”的顺序降低门槛:大字术语与英文名建立记忆点,定义中只强调一个关键短语,例子把一个完整单词实际拆开并贴上编号,与定义中“切分”“编号”两个动作一一对应。
- 公式推演
以真实的配方法推导为例:移项变号、两边同加 9、合并为完全平方、开平方出现 ±、再移项拆成两个解,最后代入原方程检验。每个记号保持身份,移动、变号、合并与生成都有明确来源。
- 浅色学术 · 期刊图版
借鉴期刊排版:顶部粗细双线页眉、左侧蓝朱书脊、右侧点阵图版区与分栏细线。左栏按“问题 / 做法 / 边界”列出论点,右栏为带编号注释的示意图、图注与研究依据,底部统一来源与页码。
界面交互
视图与布局
- 网格变列表
切换器从「网格」滑到「列表」后,每张卡先把内容收为横排(图标缩小、标题移到图标右侧、预览图退场),再在自己的列内收矮并落到对应行,形成阶梯;随后各行向左拉宽成整行,右侧依次显现描述、进度条与状态标签。停留后按相反顺序回到网格,循环无缝。
- 网格变列表
同样的三个内容单元保持左→上、中→中、右→下的对应关系。第一阶段卡片在各自列内压低高度并落到目标行,图标先移到左侧、标题随后跟上;第二阶段各卡在各自行内向左对齐并展开宽度。按轴分阶段保证任何时刻卡片互不重叠,展开后才出现描述、更新时间和状态标签,随后原路折回网格形成循环。
- 卡片的两面
卡片沿竖轴翻面,从路线概览转到具体安排,背面信息在转正后轻微错峰进入。
- 形变搜索
页头的搜索胶囊展开成命令面板,列出分组结果并选中一项后收回;同一外壳的位置、尺寸与圆角连续变化,输入行保持稳定。
- 压缩与展开
四个主题先以等宽摘要并列;随后选中的一栏横向展开,原摘要留在左侧作为导语,正文(漏斗或曲线、发现、下一步)在右侧逐项出现。其余三栏压缩成竖排书脊,只保留编号、标题和核心数字,观众始终知道还有哪些主题、当前在哪一个。再切换到下一个主题时,原主体收回为书脊,新主体从同一位置展开。
加载与反馈
基础动效
文字动效
- 排除选项
摘取 Reveal.js fragment 的 strike 状态;保留 删除线,以绝对时间替代点击步进。
- 逐字归位
每个字从左侧18px归位并显现,100ms错开起步,长标题以短时间波次建立阅读顺序。
- 字符接力
两份相同字符逐字接力,旧字向下离开,新字从上方进入,再反向归位。
- 文字的另一面
字符沿竖轴依次转向第二面,稍作停留,再以相反顺序回到正面。
- 词语轮换
主句始终不动,三个关键词每隔两秒上下交接;旧词上移退出,新词从下方进入。
- 文字重组
句子切换时,共用字符沿轻微弧线移到新位置,新增与离开的字符分别进入和退出。
- 打字输出
一行命令或模型输出按字符逐步显示,光标闪烁;输出完成后停留。
- 手绘下划线
关键词下方一条略带弧度的手绘线一笔画出,末端稍微上挑。
图形运动
- 轨道构形
标题展开,中心造型旋入,三条轨道被画出;四块不同轮廓的几何片从各自方向错峰归位,再用一次短促的旋转完成收束。每个元素都有明确的到达位置。
- 景深分层
以“周五超时”为演示场景:前景是离散告警,中景是每周重复的延迟峰值,后景是批量任务与共享连接池的结构。镜头横移时近层快、远层慢,三层错位;焦点依次拉到中景和后景,揭示各层内容;镜头停在对齐点时三层同周期元素纵向重合,琥珀连线自结构经模式指向事件。
- 悬挂平衡
圆、菱形与方块三个配重挂在主悬杆和次级悬杆上,非对称而保持平衡;各级沿弧线摆动,下级相位滞后,铰接点始终相连。
- 悬挂平衡
装置从顶部吊点悬下:主杆左端短臂挂珊瑚色大圆,右端长臂吊着次杆;次杆左挂蓝色三角,右端再吊末杆,末杆两端挂紫色菱形与琥珀色半圆。整体以吊点为轴极小幅摆动,主杆、次杆、末杆依次带相位滞后地起伏,越往下越轻、摆幅越大,形成跟随与余韵;地面阴影随各形体横向漂移。7.2 秒为一个完整周期,首尾姿态一致。
- 阵列波纹
5×7 方块阵列中,一个源点发出波,每个方块在波前到达时放大、抬升并变色,随后恢复;距离越远越晚,波前圆环与峰值同步。
- 阵列波纹
波源收缩约 350ms 后弹出,实线波前圆与稍后的虚线波峰圆同心扩散;圆点在波前到达的瞬间开始响应:变大、变亮并沿离开波源的方向被推开,随后轻微回缩再归位。到波源等距的点同时响应,形成可读的同心环;振幅随距离衰减,远角最后平息,阵列回到静止并停留约两秒后循环。
- 阵列波纹
15×8 的方块阵列,源点位于左下偏中处,用珊瑚色标出。源点先轻微收缩蓄力,随后发波:每个方块的响应延迟严格等于距离 ÷ 波速,因此同一时刻亮起的方块落在同一圆上,与一圈细线波前重合。方块弹起时放大、上浮并染为强调色,回落带一次小幅下沉,振幅随距离衰减;波扫过全阵后整体恢复并停留。
- 书封转向
完整书体转向,封面、纸页与投影一起改变,保留真实的体积感。
形态变化
- 液滴聚合
同一条等值线描出整块液体:两滴相距较远时各自浑圆,靠近时近侧被彼此牵引,几乎相触时停顿一下,随后颈部从一点长出并把两滴拽到一起,合体后受冲量晃动回稳。分离时先收拢蓄力,再被拉开:颈部拉长变细,中段鼓起一颗卫星液滴后断开,两滴各自回弹,小液滴飞回并入小滴。
- 折带展开
色带起初呈 Z 字折叠叠在一起,只露出最前一段与后方的边缘。第一条折线先打开,后两段作为整体从背后向右甩出,第三段仍贴着中段折着、朝观众伸出;第二条折线随后打开,第三段摆平。展平后一道高光连续扫过三段,证明色带已经接成一体;之后先合第二折、再合第一折,回到折叠状态无缝循环。
- 折带展开
叠放的三折色带先翻开最上层的左段,再翻开压在下面的右段;每段都是刚性面,只绕共享折线转动,翻过竖直位置时由素色背面换成彩色正面,展平时轻微回摆锁定。三段渐变在折线处无缝衔接,完整后一道光泽扫过,随后按相反顺序收拢回到起点。
- 液滴分合 B
用等势场轮廓表现单一水滴的分裂与融合:颈部自然变细与连通,断开和合一后各有一次衰减的轻微回弹。