spine.js: Spine JavaScript Runtime

isaacburns · 2015年8月19日

I've recently updated my Spine JavaScript runtime to support some of the new features in Spine; including IK constraints and free-form deformation.

https://github.com/flyover/spine.js

There is also an demo with both WebGL and Canvas renderers. The WebGL renderer does the bone blending and free-form deformation mixing on the GPU. The Canvas renderer supports regions, meshes and skinned mesh attachments, including FFD. I'm still looking for a solution for slot color in the Canvas renderer.

I've tested with most of the examples I could find online. I'm looking for more examples to test and feedback on what needs to be fixed. Thanks!

isaacburns · 2015年8月19日

nimbling · 2015年8月21日

With your runtime, does this animation work in firefox?
(The arms have negative scales, which works in webkit, but not on firefox.)

here's all files packed: https://dl.dropboxusercontent.com/u/1126173/Archive.zip

Thanks!

isaacburns · 2015年8月21日

Yes, it looks like it works in Chrome, Firefox and Edge on Windows 10.

Would you mind if I added the example to the demo?

nimbling · 2015年8月24日

I would not mind at all! Please do

metalim · 2015年9月29日

Hello

We're trying to use your Spine runtime in our project and have an issue with goog.js. After including goog.js into project, Chrome reports following error:

user:1 Uncaught SyntaxError: Unexpected token <

String referred is

<!DOCTYPE html>

at the beginning of HTML file.

Project build chain is complicated, as all libraries are bundled into one js by third party SDK (proprietary) on top of another bundling by coffeify/browserify (our gulp build chain).

Have you encountered this kind of issue, or have an idea how to solve it?
Or do you have version that doesn't use Google JS library to implement inheritance?