属性

选中角色,点击右上角图标可以打开属性面板

  • 比例大小:设置角色大的宽度和高度;中间的“”可以锁定或解锁角色的比例。
  • 方向:设置角色的旋转角度
    • 数值为正数时,角色逆时针;
    • 数值为负数时,角色顺时针。
  • 翻转:将角色水平或垂直翻转
  • 不透明度:设置角色的不透明度
  • 相对坐标:设置角色在画布中的相对位置

角色设计

设置轴心点

  • 轴心点:相当于Kitten里的中心点
  • 选中角色,点击左上角的菜单可以调整轴心点,调整完成后点击画布即可保存设置。

角色 - 图2

  • 改变角色轴心点后,角色将会绕着所设定的轴心点旋转,并会沿着轴心点所在的位置进行放大缩小。

改变轴心点

演示效果

动作造型设计

1. 打开动作造型编辑区

选中角色,点击右下角图标打开动作造型编辑面板

点击属性面板中的造型动作模块

2. 添加造型

  • 添加本地图片:直接拖拽图片到框选区域内即可
    • 可同时上传多张图片
    • 支持图片格式:jpg、jepg、bmp、svg、gif

角色 - 图7

3. 添加动作

点击“添加动作”可新建动作,双击动作名称可重命名。

角色 - 图8

角色 - 图9

4. 添加帧

点击“添加帧”,可以选择本地上传素材或在资源库中添加素材

角色 - 图10

5. 设置帧率

设置间隔时间,可以调整角色的播放帧率;默认为200ms,还可以选择100、500、1000(ms)。

角色 - 图11

6. 保存&退出

点击保存即可保存并退出面板

角色 - 图12

积木介绍

:::color4 注意:积木中指的xy坐标都是相对于画布的坐标,不是舞台坐标。

:::

#事件开始

1. 当【角色】被【点击/按下/按住/松开】时 (X坐标) (Y坐标)

角色 - 图13

  • 当角色被 点击/按下/按住/松开时 触发
  • X坐标为点击位置的X坐标,Y坐标为点击位置的Y坐标。

2. 当【角色】碰到【画布边缘/左边缘/右边缘/上边缘/下边缘/角色/触碰点】时

角色 - 图14

  • 当角色碰到 画布的指定边缘/角色/触碰点时 触发

3. 当【角色】离开【画布边缘/左边缘/右边缘/上边缘/下边缘】时

角色 - 图15

  • 当角色离开画布的指定边缘时触发

#移动

4.【角色】移动 (10) 像素

角色 - 图16

  • 使角色移动指定像素距离

5.【角色】移动到【触碰点/角色/画笔/随机】

角色 - 图17

  • 将角色移动到 触碰点/角色/画笔/随机 等位置

6.【角色】移动到 x (100) y (100)

角色 - 图18

  • 将角色移动到指定的坐标位置

7. 在 (1) 秒内,【角色】移动到 x (100) y (100)

角色 - 图19

  • 在指定时间内,角色平滑移动到指定的坐标位置。

8. 设置【角色】的【X坐标/Y坐标】为 (100)

角色 - 图20

  • 设置角色的X坐标或Y坐标

9. 将【角色】的【X坐标/Y坐标】【增加/减少】(100)

角色 - 图21

  • 增加/减少角色的X坐标或Y坐标

10. 在 (1) 秒内,将【角色】的【X坐标/Y坐标】【增加/减少】(100)

角色 - 图22

  • 在指定时间内,增加/减少角色的X坐标或Y坐标。

11.【角色】移至【上一层/下一层/最上层/最底层】

角色 - 图23

  • 调整图层关系,将角色移至 上一层/下一层/最上层/最底层。

#方向

12. 设置【角色】的 方向 为 (90) 度

角色 - 图24

  • 设置角色的移动方向

13.【角色】面向【触碰点/角色/画笔/随机】

角色 - 图25

  • 将角色面向 触碰点/角色/画笔/随机 等位置(选择随机将面向0°至360°随机方向)

14.【角色】旋转 (90) 度

角色 - 图26

  • 将角色向左或向右旋转指定度数
  • 度数参数为正数,则是逆时针旋转;度数参数为负数,则是顺时针旋转。

15.【角色】绕【角色/画笔】旋转 (90) 度

角色 - 图27

  • 将角色围绕指定角色或画笔旋转指定度数
  • 度数参数为正数,则是逆时针旋转;度数参数为负数,则是顺时针旋转。

#造型

16. 设置【角色】的 造型 为 [动作] [?]

角色 - 图28

  • 设置角色的动作和造型
  • 角色后面的参数(下拉选项)分别为该角色的所有动作和该动作的所有造型。

17. 切换 【角色】【下一个/上一个/随机】造型

角色 - 图29

  • 将角色的造型切换到下一个或上一个,又或者是随机切换。
  • 提示:当造型已经是最后一个时,再执行 “ 切换 [角色] 的 [下一个] 造型” 会切换到第一个造型。

#动作

18. 播放【角色】的 [动作] 间隔 (200) 毫秒,【循环/无限循环】(1) 次

角色 - 图30

  • 根据指定帧率播放角色的指定动作,并循环指定的次数。

19. 播放【角色】的 [动作] 间隔 (200) 毫秒,循环 (1) 次,直到结束

角色 - 图31

  • 根据指定帧率播放角色的指定动作,并循环指定的次数直至循环结束,再触发后续指令。

20. 停止【角色】的 动作播放

角色 - 图32

  • 停止角色动作的播放

#比例大小

21. 设置【角色】的【比例大小/宽度比例/高度比例】为 (100)

角色 - 图33

  • 设置角色的 比例大小/宽度比例/高度比例,默认为100。
  • 下拉选项
    • 比例大小:宽度和高度都设置为相应的比例;
    • 宽度比例:高度不变,只调整宽度为相应的比例;
    • 高度比例:宽度不变,只调整高度为相应的比例。

22. 将【角色】的【比例大小/宽度比例/高度比例】【增加/减少】(10)

角色 - 图34

  • 增加或减少角色的 比例大小/宽度比例/高度比例

#翻转

23.【角色】【水平翻转/垂直翻转】

角色 - 图35

  • 将角色进行水平翻转或垂直翻转

#不透明度

24. 设置【角色】的 不透明度 为 (10)

角色 - 图36

  • 设置角色的不透明度

25. 将【角色】的 不透明度【增加】(10)

角色 - 图37

  • 增加或减少角色的不透明度

26. 在 (1) 秒内,【逐渐显示/逐渐隐藏】【角色】

角色 - 图38

  • 在指定的时间内,逐渐显示或隐藏角色。

#显隐

27.【显示/隐藏】【角色】

角色 - 图39

  • 显示或隐藏角色
  • 提示:
    • 当角色隐藏时,点击或按下将不会触发“当 [角色] 被 [点击/按下] 时” 积木;
    • 若在隐藏之前按下,隐藏后松开也不会触发 “当 [角色] 被 [松开] 时” 积木。

#对话

28.【角色】【对话/思路】(“Hi”)

角色 - 图40

  • 使角色在画布上显示对话或思考

29.【角色】【对话】(“Hi”) 持续 (2) 秒

角色 - 图41

  • 使角色持续对话或思考内容指定时间,指定时间过后,将会隐藏。

#返回值

30.【角色】的 属性内容

角色 - 图42

  • 调用角色的比例大小/宽度比例/高度比例

角色 - 图43

  • 调用角色的方向

角色 - 图44

  • 调用角色的不透明度

角色 - 图45

  • 调用角色的X坐标或Y坐标

角色 - 图46

  • 调用角色的造型编号

角色 - 图47

  • 调用角色的动作名称

31.【角色】被 按住

角色 - 图48

  • 返回真或假
  • 判断角色是否被按住

32.【角色】碰到【画布边缘/左边缘/右边缘/上边缘/下边缘/角色/触碰点】

角色 - 图49

  • 返回真或假
  • 判断角色是否碰到 画布指定边缘/角色/触碰点

33.【角色】离开【画布边缘/左边缘/右边缘/上边缘/下边缘】

角色 - 图50

  • 返回真或假
  • 判断角色是否离开画布指定边缘

34.【角色】是否【垂直反转/水平翻转】

角色 - 图51

  • 返回真或假
  • 判断角色是否垂直翻转或水平翻转

35.【角色】是否显示

角色 - 图52

  • 返回真或假
  • 判断角色是否为显示状态