如何为HTML5 Javascript游戏创建和制作2D骨架?

我试图在HTML5中制作2D格斗游戏(有点像街头霸王)。 所以基本上有两个玩家,一个AI和一个人。 玩家需要为身体动作制作animation。 另外,还需要有一些碰撞检测系统。 我使用createjs编码,但devise模型/对象/animation,我需要一些其他的软件。

所以我正在寻找一个软件,可以:

  1. 轻松制作二维对象的自定义animation。 对象结构(骨架等)一旦定义就相同,但需要定义一次。
  2. 可以以js可读格式导出animation和模型(最好是json)

    导出的格式在游戏引擎中加载后,碰撞检测可以轻松完成。

对于点1,我正在寻找一些通用的基于骨架的animation。 基于Sprite-sheet的animation将很难进行碰撞检测。

你可能在找像Spine这样的东西。 脊柱是一个伟大的工具,最近接受了一轮通用的运行时间,这正是你想要的一轮资金。 ( 是的,有一个Javascript的。)你需要的所有东西都可以在Spine中find,只要记住:

  • 这不是免费的 – 它是75美元,但是如果你要做很多这些,那么这个价格是非常值得的。
  • 这个软件在写作的时候还不是很成熟 – 但是这个过程非常快。

我个人建议你使用免费的3d软件,并为不同的部分使用虚拟盒子。

有两个软件(包)我可以想到

  • 搅拌机(免费,也适合商业用途)

    可以导出为各种格式,我不知道animation的东西,但它应该是可以读出来,并与一个python脚本

  • 胡迪尼(免费使用)

    是非常强大的,你可以使用python脚本来读取animation数据(或读取位置并将其写入文件)

    也可以输出为各种格式