触发器(trigger)决定动画什么时候播放。这是控制演示节奏的核心机制。
三大基础触发器
1. click(点击)
主讲人按 Space / 鼠标 / 翻页器 → 触发当前 order 的所有元素。
适用:
- 课堂讲解:老师控制每一步出现
- 销售汇报:节奏跟着客户反应走
- 问答环节:先抛问题,等答案后点出答案
2. auto(自动)
上一组动画结束后自动触发当前组,无需用户操作。
适用:
- 展厅自助播放
- 短视频导出(每 2s 翻一组)
- 长动画串联(先剧情后总结)
{
"trigger": "auto",
"delay": 1.0 // 距上一组结束多久后触发
}3. chain(链式)
与前一动画首尾相连播放,没有间隔。
适用:
- 复杂动画(如多步推导)拆分成多段,但视觉上像一个整体
- 配合 AI-5 数字人讲解时台词节奏
进阶触发器
4. interaction(互动)
等待用户对某个具体元素操作(点击 / 拖动)后触发。
{
"trigger": "interaction",
"interactionTarget": "btn-show-answer",
"interactionType": "click"
}适用:
- 答题:学生点选项后动画显示对错
- 探索式教学:拖动滑块到指定值后下一步出现
5. time(定时)
进入页面后 X 秒触发。
{
"trigger": "time",
"timeAfterPageEnter": 3.0
}适用:
- 倒计时("3 秒后揭晓...")
- 营销页面(停留 5 秒后弹优惠券)
6. data(数据驱动)
GGB / HTML 组件的某个变量到达指定值时触发。
{
"trigger": "data",
"watchVar": "ggb.A.x",
"condition": "> 5"
}适用:
- 学生在 GGB 里把点 A 拖到右侧时,触发"恭喜!"动画
- 数据可视化阈值警告
7. external(外部触发)
通过 API / 二维码扫码 / 传感器触发。详见「47. 外部触发」。
触发器组合
复杂场景下,多个触发器可以或运算叠加:
{
"trigger": ["click", "time"],
"timeAfterPageEnter": 5.0
}效果:"5 秒后自动触发,或者更早被点击触发"——以先到为准。
触发器 + AI 数字人
AI 数字人讲解员的脚本带时间锚点,可以精确触发动画:
脚本:[t=0:08 trigger=order2]"现在我们看动量的变化"
↓
order=2 元素在数字人念到这句话时自动播放详见「20. AI 数字人元素」。
课堂模式下的特殊触发
Layer 3 课堂系统下:
- 主讲人触发 → 广播给所有参与者
- 但参与者本地操作(如拖滑块)不广播
- "公平触发"模式:等所有学生提交答案后再触发下一动画
详见「38. 课堂互动系统总览」。
调试触发器
「视图 → 动画时间轴」面板可以:
- 查看每个动画的触发条件
- 模拟点击、查看每次触发会播放什么
- 单步执行 / 跳到任意 order
下一节讲动画顺序与并行。
