Skip to content

精灵表动画

从精灵表中创建平铺精灵动画。

作者和贡献者arthuro555


通过使用平铺精灵从精灵表中创建动画图像。

如何使用

  1. 创建一个平铺精灵对象。
  2. 将平铺精灵图像设置为精灵表图像。
  3. 将行为(水平、垂直或JSON动画器)添加到平铺精灵。
  4. 设置行为:
    • 对于方向性动画器:编辑对象的“默认宽度”和“默认高度”以匹配帧的大小。
    • 对于JSON动画器:在行为属性中设置精灵表的JSON数据。使用行为动作启动动画(只需运行一次,如精灵动画)。

垂直和水平精灵表动画器

这些行为将使用从左到右或从上到下分布的图像来播放精灵表的动画。可以指定偏移、行/列、动画速度和帧范围以定位所需的图像。

JSON精灵表显示器

该行为允许从更智能的精灵表中显示帧或动画。您可以使用TexturePacker使用pixi.js预设生成兼容的JSON和精灵表。JSON格式如下:

json
{   "frames": {     "frame1": {       "frame": {         "x": 0,         "y": 0,         "h": 0,         "w": 0       }     },     "frame1": {       "frame": {         "x": 0,         "y": 0,         "h": 0,         "w": 0       }     },     "frame2": {       "frame": {         "x": 0,         "y": 0,         "h": 20,         "w": 20       }     }   },   "animations": {     "animationName1": ["frame1", "frame2"],     "animationName2": ["frame2", "frame3"]   } }

frames 定义精灵表中每个图像,animations 是形成动画的一组帧。为了与TexturePacker pixi.js预设兼容,JSON 不包含动画速度,因此必须在行为属性中指定。

提示

通过按照逐步指南学习如何安装新扩展

水平精灵表动画器

播放水平(从左到右)的精灵表动画。

行为操作

暂停动画 暂停精灵表的动画。

播放动画 从精灵表播放动画。

恢复动画 恢复暂停的精灵表动画。

行为表达式

表达式

Object.HorizontalSpriteSheetAnimator::CurrentFrame()

当前动画的当前帧。

JSON精灵表动画器

使用JSON播放精灵表动画(请参阅扩展描述)。

行为操作

显示帧 显示一个帧而不对对象进行动画。

从JSON资源加载数据 将新的JSON精灵表数据加载到行为中。

暂停动画 暂停精灵表的动画。

播放动画 从精灵表播放动画。

恢复动画 恢复暂停的精灵表动画。

行为表达式

表达式

Object.JSONSpriteSheetAnimator::CurrentAnimation()

当前动画的名称。如果没有播放动画,则为

Object.JSONSpriteSheetAnimator::CurrentFrame()

当前显示帧的名称。

垂直精灵表动画器

播放纵向(从上到下)的精灵表动画。

行为操作

暂停动画 暂停精灵表的动画。

播放动画 从精灵表播放动画。

恢复动画 恢复暂停的精灵表动画。

行为表达式

表达式

Object.VerticalSpriteSheetAnimator::CurrentFrame()

当前动画的当前帧。


此页面是关于 精灵表动画 扩展的自动生成参考页面,由GDevelop社区制作,这是为每个人设计的开源跨平台游戏引擎