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.