javascript - 使用 JS 动画二维人体骨骼

标签 javascript jquery html angularjs

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

我想创造一个人体。让我们考虑这个简单的场景,以更好地解释我想要实现的目标。我有一个文本框,我可以在其中输入“打招呼”之类的指令,然后 body 应该举起一只手并打五声。我正在努力绘制这两个图像并使它们每次都显示出来。

  • Init() 时:我显示正文(图一)
  • 当我要求打招呼时:我让下一个人举手(图二)

我通过创建一个 HTML5 canvas 来制作动画,与以下方式相同:http://jsfiddle.net/FZyA3/

问题是我必须做 50 多条指令。把我有常见案例的所有场景都画出来很重。 Three.js、babylon.js 有没有开源的 Angular 色可以使用?

有没有其他更好的解决方案,比如将 ARM 像素化并使其在 HTML5 Canvas 中移动?

最佳答案

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

关于javascript - 使用 JS 动画二维人体骨骼,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22848229/

相关文章:

javascript - bootstrap 只打开你点击的折叠

html - Font Awesome 一些图标丢失

javascript - 为什么 getOwnPropertyDescriptor 定义在 Object 而不是 Object.prototype 上?

javascript - 如何移动除了数组Javascript中的第一个元素之外的位置?

javascript - jquery:如何链接函数?

javascript - 从 MySQL 中的 TinyMCE 数据中删除/r/n 标签

html - 如何在不使用 Bootstrap CSS 的情况下包含 Glyphicons

javascript - 如何使用 JQuery/JavaScript/PHP 将文本写入外部文件?

Javascript 循环遍历列表不起作用

jquery - 从 jquery datepicker 获取今天的日期