交互 &互动

💡
交互可以基于您的设置改变对象的状态;这类似于 CSS 或 JS 事件的工作原理(如果您熟悉这些术语)。

事件是您触发诸如过渡之类的操作以实现动画和交互性的方式。

所有的Spline交互

  • 开始交互
  • 鼠标交互(松开,按下,按住)
  • 键盘交互松开,按下,按住)
  • 滚动
  • 面向
  • 触发区域
  • 屏幕尺寸变化
  • 跟随交互
  • 游戏控件
  • 变量变化
  • 距离
  • 状态变化
  • 碰撞

在创建新交互之前,请确保您已经为需要添加动画的对象创建了至少两个状态(即具有不同的值)。

如何添加您的第一个交互

  1. 选择要添加到新交互的对象。
  2. 前往右侧栏上的交互面板,单击"+"图标。
  3. 打开创建的事件,如有必要,使用顶部下拉菜单切换到不同的交互类型。
  4. 通过选择空状态下可用的选项之一来创建新操作。
  5. 从“目标”下拉列表中,选择要作为事件的目标对象。
  6. 在“转换”部分中,您可以构建不同状态之间的转换序列。

现在,你可以尽情的尝试其他的交互方式,并且通过演示模式来预览你的动画效果。

创建使用“Spring”过渡曲线循环的“开始”事件。

事件属性

image

以下是交互属性的描述:

类型 - 交互触发的方式(左图为开始事件)。

对象 - 受交互影响的对象。

过渡 - 不同状态之间过渡的方式。

持续 - 状态过渡的持续时间。

延迟 - 将交互延迟到定义的秒数。

延迟重复-设置延迟的类型。

循环 - 如果事件应返回到其原始起点。

倒放(如果循环设置为是) - 如果处于活动状态,则向初始状态的过渡会镜像而不是反转。

重复 - 如果动画应该无限期地重复。

这里是一个真实的示例

单击并拖动 👆 – “开始”事件循环并以“Spring”过渡曲线循环。

👉下一步