八荒启自主研发产品

玄武屏使用手册

融万物于一屏 · 以交互动画为魂,重塑演示的边界

89 章 · 持续更新

89
章节
4
版本
v1.0
产品最新版
动画交互

24. 触发器:click / auto / chain

更新于 2026-10-28

触发器(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

下一节讲动画顺序与并行。