事件和互动 #
提示
事件使你能够根据你对视窗的输入改变一个对象的状态 ；这类似于 CSS 或 JS 事件的工作方式（如果你熟悉这些术语的话）。
在创建一个新的事件之前，确保你已经为你的对象创建了至少两个状态（具有不同的值）。
如何添加你的第一个事件 #
- 选择你想添加一个新事件的对象。
- 进入右侧边栏的 Events 面板，点击
+图标。 - 使用类型下拉菜单切换到一个不同的事件（鼠标向下、向上、按键等）。
- 从 Object 下拉菜单中，选择事件的目标对象。
- 在 State 下拉菜单中，选择事件要过渡到的目标状态。
现在你可以随便试下其他设置，并通过进入演示模式预览你的动画。
视频演示是：添加一个 “Start” 事件，循环并重复一个 “Ease In Out”的过渡，持续时间为 2 秒。
下面是上述的一个可交互案例：
👆 （可以点击和拖动） 一个 “Start” 事件循环并重复 “Ease In Out” 过渡，从一个状态到另一个状态。
下面我们来看一下 Event 面板中的各个属性：
- Type - 事件被触发的方式。
- Object - 受事件影响的对象。
- State - 要转换的目标状态。
- Cycle - 事件是否应该返回到它的原始起点。
- Rewind (如果 Cycle 是激活的，则显示） - 如果激活，回到初始状态的过渡是镜像返回，而不是逆转的。
- Repeat - 动画是否无限循黄。
- Transition - 在不同状态下的不同过渡方式。
- Duration - 状态之间变化的持续时间。
- Delay - 事件延迟的秒数。