使用JS动画2D人体骨骼

时间:2014-04-03 20:23:38

标签: javascript jquery html5 angularjs

我想使用JavaScript库创建一个2D骨架动画,以便在浏览器中制作交互式2D动画。

我想创造一个人体。让我们考虑这个简单的场景来更好地解释我想要实现的目标。我有一个文本框,我可以在其中输入类似"说嗨"的指令,然后身体应举起手来给你打五。我正在努力绘制这两个图像并让它们每次出现。

  • Init():我展示身体(图像一)
  • 当我要求你说嗨:我展示下一个举起手的身体(图2)

我通过创建HTML5画布来制作动画,方法如下:http://jsfiddle.net/FZyA3/

问题是我必须制作超过50条指令。在我遇到常见情况的情况下,绘制所有情景都很重要。是否有任何开源角色可以使用,比如Three.js和babylon.js?

还有其他更好的解决方案,例如将手臂像素化并使其在HTML5画布中移动吗?

1 个答案:

答案 0 :(得分:2)

我强烈推荐脊柱:http://esotericsoftware.com/ 它是一个带有JS运行时的编辑器。