01、实战案例：利用Kitten设计交互案例
本文将讲述如何利用Kitten来设计一个交互案例。首先介绍Kitten的工作界面，可分为效果展示区、素材添加区、操作选项区及相关选项操作展示区等，如图1所示。
■ 图1 Kitten工作界面
其实际操作分为三个步骤，流程图如图2所示。下面将详细介绍其操作步骤。
■ 图2 实际操作流程图
步骤1： 添加背景及人物。
在素材添加区选择背景及人物(雷电猴)，并在造型中添加人物的其他造型，其效果如图3所示。
■ 图3 背景及人物
步骤2： 选择所需对应的模块。
在操作选择区选择所需要的“事件”“控制”“外观”等具体选项，并进行自定义设置，如图4所示。
■ 图4 对应具体选择模块
步骤3： 按指定顺序拼接模块。
按照一定的顺序将所选择的模块进行拼接，这样当单击“开始”按钮时，任务就会开始往前走，当用鼠标单击“人物”图标时，人物则会发出爱心的图案，如图5所示。
■ 图5 模块顺序及交互效果图
按照以上操作，就可以很好地实现这一效果。大家也可以发挥想象力，让雷电猴变得更加活泼起来。
