Pixi.js Spine animation plugin

[TomatoKing]

Pixi.js already has support for spine animation as seen here: http://www.goodboydigital.com/pixi-js-spine-animation/ and further examples on pixi.js site: http://pixijs.github.io/examples/#/spine/dragon.js
http://www.goodboydigital.com/pixi-js-spine-animation/
Spine is an skeletal animation tool that is pretty popular because of it's robust APIs for several game making software and generic implementations, more info here: http://esotericsoftware.com/

A japanese developer already made a RMMV plugin, it was posted here on a now seemingly deleted thread (google AXY_spine.js and it's prerequisite plugin AXY_toast.js); being in japanese I don't know the terms of use of said plugin, and there are no instructions on how to use it either.

The goodboy digital site says there are sample files on git-hub, if not I can provide them.

Having access to skeletal animations will open plenty of possibilities to developers with access to the tool (like myself ;p).

The ideal would be to be able to use spine animations for players, events and battlers, but just being able to use them as a sort of "display image" command should be a good start.

 

[Jonforum]

I will also be taking, my game use almost onlys PIXI functionality.
This would be a great asset because at the moment I use pre-made animations on AE.
Its working good but take a lot of time and memory.

 

[Jonforum]

I found a great solution that works very well.
No need to make a plugin, simply by adding a function.

Game_Picture.prototype.spine = function(spineID){
        this._parentSpinePID = spineID; // spine this to parent
        var parentSpine = SceneManager._scene._spriteset._pictureContainer.children[spineID-1];
        var childSpine = SceneManager._scene._spriteset._pictureContainer.children[this._PID-1];
        childSpine.parent=parentSpine;
        return this
    };

and simply add return at end of Game_Screen.prototype.showPicture

    Game_Screen.prototype.showPicture = function(pictureId, name, origin, x, y, scaleX, scaleY, opacity, blendMode) { // frames permet de detecter Leanimatedpicture, compatibility ivra
        var picture = new Game_Picture();
        //..... original stuff
        return picture; // important for chain function
    };

so you can do this very easy, and this will add this picture id to the parent spineID.
For make animation

$gameScreen.showPicture(pid, filename,0, x, y).spine(spineID); // spine id is the id of the picture parent to attache