引擎示例 · 双击即看 · 零依赖
把复杂的东西,
读成一场演示。
这是「演读 DECK」引擎的最小示例:一屏一镜、翻页 / 自动播放、进场动画。往下翻,看每一屏怎么动起来。
▸ 方向键 / 空格 / 点击翻页 · 右下角可“自动播放”
动画 1 · 数字滚动
读数从 0 跳到目标
速览仪表条:进屏时纯数字读数 0 → 目标值滚动,卡片错峰淡入。
屏数
0 屏
一屏一镜
依赖
0 个
纯 CSS+JS
自动播放
7s
每屏
深链
#N
可分享某屏
动画 2 · 柱子生长
数据条从左生长
FIG.01 · 谁更重(示意,越长越大)
动画 3 · 描线 + 弹入
流程逐节点连起来
FIG.02 · 节点淡入 + 箭头描线
一屏
一个观点
一镜
一组动画
弹性
stat 卡放大入场
— ENGINE DEMO · END —
演读 DECK
完整版见 hekouwang.pages.dev · 会勇禾口王的AI笔记 · @huiyonghkw