Plugin component for PlayCanvas which enables support for Spine animations.
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
contrib/spine-js
examples
lib
src
.gitignore
Gruntfile.js
LICENSE.md
README.md
package.json

README.md

PlayCanvas Spine

Spine plugin for PlayCanvas Engine

Usage

Editor

Add the files lib/playcanvas-spine.min.js and src/script/spline.js to your project.

Create an Entity with a Script Component and add the spine entity script spine to your Entity. Upload your exported spine resources (atlas, skeleton json file, textures) and attach them to the spine script on your Entity.

Engine-only

Include the library script lib/playcanvas-spine.min.js. Either use the script src/script/spine.js in script components or directly add spine components to your Entities.

var entity = new pc.Entity();
entity.addComponent("spine", {
    atlasAsset: atlas, // atlas text asset
    textureAssets: textures,  // texture assets
    skeletonAsset: skeleton // skeleton json asset
});

Building

If you don't already have it installed, install Grunt.

npm -g install grunt

Install package dependencies

npm install

Run grunt to build

grunt

Notes

The version of the spine-js runtime in the this library is modified from the version on Esoteric's github page. Mainly to fix a couple of bugs in the mesh animation rendering.