教学交互动画通过将实际的教学场景通过虚拟数字技术展现，使得操作人可以通过交互过程充分了解场景中事件和结果之间的关系、逻辑，技术特点的趣味、生动性吸引操作人主动的探索交互过程，从而达到教学目的。

关键要素：行为、事件、结果/状态

应用特征：逻辑性，趣味性

感官特征：视觉、听觉

引用案例了解教学交互动画的设计过程以及应用效应，案例“工匠精神”趣味拼图，效果见下示例图

交互脚本：

玩家需要拖动齿轮碎片到相应的位置上，拼左边的“工匠精神”，拼正确就是金属放置的声音，放错就是弹簧的声音，4快拼图拼好整个齿轮中间芯点亮，显现“工匠精神”，拼好后显示“恭喜过关！”（掌声），1分钟倒计时，超时“闯关失败”，出现“重新开始”按键；

教学设计中交互动画的应用：

a. 脚本设计

a) 将过程拆解成多个场景，各个场景再拆解成多个“如果···那么···”，“如果”表示特定事件，“那么”是结果，不同的事件得到的结果要明确表示出差异性，让操作人能够简单理解，可以通过结果的版面风格、颜色做出差异，如示例中需要将正确的拼图碎片“专注”“创新”“敬业”“精益”四个都放置到齿轮槽中才能闯关成功，即如果拼正确则闯关成功，错误则闯关失败。

b) 行为。操作人需要手动执行的操作，根据使用的终端，移动端可采用“触摸”、“点击”、“拖拽”、“长按”、“双击”；PC端可采用“点击”、“双击”、“拖拽”、“长按”，示例中用到了拼图“拖拽”、按钮“点击”。

c) 反馈。操作人在进行行为后，即刻给出相应的反馈，包括但不限于“弹框”、“颜色变化”、“音效”、“元素大小变化”、“元素移动/弹回”等，示例中用到了“弹框”+“闯关成功”来表示反馈结果

b. 版面主题风格

a) 颜色。示例中采用了工业主体颜色，营造工匠行业气氛

b) 元素。示例中出现的元素“扳手工具”“齿轮按钮”

c) 横版、竖版。根据交互动画实际使用的场景来设计，如果是移动手机端，则需要采用竖版，PC电脑中使用时则采用横版设计。示例中采用了PC横版。

c. 声音

a) 背景音乐。在设计中需根据教学专业特点、版面主题风格来使用背景音乐。

b) 交互音效。行为音效，如示例中齿轮转动会伴随有“咔咔”的音效

通过这个交互动画的示例，可以让学习者感受到工匠氛围，了解工匠精神的四个核心点，加上有趣的交互的方式，还能加深学习映像。