Playcanvas为WebGL推出基于节点的动画编辑器

2021-05-05 23:30:28

我们很高兴能够发布在PlayCanvas中创建梦幻般的高保真动画的新系统!

动画系统会收到一组输入(按钮,当前播放器速度,健康等),并输出当前帧的模型动画姿势。如何从特定的一组输入到所需动画姿势的动画系统如何变得非常复杂,特别是在代码中写入此时。

随着Anim组件的发布,Anim State Graph Assets和Anim State Graph编辑器,您将能够在PlayCanvas编辑器中为游戏对象设计和开发复杂的动画行为。

它现在比以往任何时候都更容易让你的游戏角色移动就像你想要的方式一样,同时在这个过程中编写最小代码!

最近测试了许多开发人员测试了这个功能,我们已经看到了一些奇妙的结果!例如,流行的在线射击者Venge.IO的开发人员正在利用动画状态图来驱动他们的角色动画,并即将到来的RPG。

下面可以在下面看到这款游戏的早期建设的剪辑,展示了多个动画剪辑的混合。当在状态图中组合在一起时,它们为主角创造了逼真和流体的运动。

此动画系统完全在PlayCanvas编辑器中使用Anim State Graph用户界面开发。可以在下面看到主角的状态图:

我们迫不及待地想看看其他开发人员可以使用该系统创建什么!

图表图层 - 将动画行为拆分为单独的图层。例如:可以与面部表达式分隔运动动画。

多个字符 - 因为动画状态图被存储为资产,因此通过将图形资产分配给多个实体动画组件,可以使用单个图形来驱动您想要的动画。

虽然这两个字符对各种操作使用不同的动画,但它们共享相同的行为。使用Anim State图表,您可以在一个地方更新此行为,同时仍然使用与您一样多的字符。

打开Anim State Graph Esset时,您将使用可视图编辑器呈现,该编辑器允许您定义所有不同的动画状态,您的游戏对象可以进入。然后,您可以使用转换连接这些状态。

每个转换在指定的时间内两次动画之间混合。您可以在PlayCanvas启动页面上实时调整和调整到您的喜好并在实时查看结果。然后,您可以将参数条件分配给每个转换以定义转换可以发射的情况。可以在脚本中修改这些参数值以控制动画系统的行为。

创建了Anim State图表后,可以使用Anim组件将其分配给您的实体。此时,您可以将动画资产附加到向该状态转换时会播放的每个状态。

今天只标记了我们新动画系统的初始版本。我们有盛大计划如何进一步推动系统。这是我们在作品中获得的一些功能:

动画事件 - 可以在动画的生命周期内设置为火灾和特定点,允许您将游戏逻辑挂钩到动画状态图的行为中。例如,您可以在跳跃后的角色落在地面上的确切框架中产生一组灰尘颗粒。

图层屏蔽 - 您将能够在特定状态图层上掩盖您的角色动画。例如,您只能拥有由特定动画状态图层驱动的字符的底部。

动画剪辑 - 目前动画态图支持已导入PlayCanvas的动画资产。 CLIPS将允许您自己在PlayCanvas编辑器中创建额外的动画资产!这些将很好地将较小的动画繁荣添加到游戏对象中。

如果您有兴趣在PlayCanvas项目中使用Anim State图表,这是一些有用的链接: