使用JS生成2D人體骨骼使用JS

Question

我想使用JavaScript庫創建2D骨骼動畫以在瀏覽器中製作交互式2D動畫。

我想創建一個人體。讓我們考慮這個簡單的場景來更好地解釋我想實現的目標。我有一個文本框讓我可以輸入一個像「說你好」的指示，然後身體應該舉起一隻手，並給你好五。我正在努力繪製這兩幅圖像，並使它們每次都顯示出來。

• 當Init()：我展示身體（圖片一）
• 當我請求讓我說你好：我展示了下身子走的手（圖片二）

我做動畫通過創建一個HTML5畫布，如下所示：http://jsfiddle.net/FZyA3/

問題是我必須製作超過50條指令。繪製所有我有常見情況的場景很重要。有沒有開源的字符可以使用，比如Three.js和babylon.js？

是否還有其他更好的解決方案，如像素化手臂並使其在HTML5畫布內移動？

Answer 1

我強烈建議脊柱：http://esotericsoftware.com/ 這是一個編輯器，它帶有一個JS運行時。