演读 DECK / ENGINE DEMO
01 / 5
引擎示例 · 双击即看 · 零依赖

把复杂的东西,
读成一场演示

这是「演读 DECK」引擎的最小示例:一屏一镜、翻页 / 自动播放、进场动画。往下翻,看每一屏怎么动起来。

▸ 方向键 / 空格 / 点击翻页 · 右下角可“自动播放”
动画 1 · 数字滚动

读数从 0 跳到目标

速览仪表条:进屏时纯数字读数 0 → 目标值滚动,卡片错峰淡入。

屏数
0 屏
一屏一镜
依赖
0 个
纯 CSS+JS
自动播放
7s
每屏
深链
#N
可分享某屏
动画 2 · 柱子生长

数据条从左生长

FIG.01 · 谁更重(示意,越长越大)
三条数据条,进屏时逐个生长 A B C
动画 3 · 描线 + 弹入

流程逐节点连起来

FIG.02 · 节点淡入 + 箭头描线
输入 处理 输出
一屏
一个观点
一镜
一组动画
弹性
stat 卡放大入场
— ENGINE DEMO · END —

演读 DECK

完整版见 hekouwang.pages.dev · 会勇禾口王的AI笔记 · @huiyonghkw