As an extension of pixi-spine, it has the same complete drawDebug as the official spine-runtimes of EsotericSoftware.
Thanks @ivanpopelyshev for the help
Introduce pixi.js, pixi-spine.js, pixi-spine-debug.js in order on the page (note the order of dependencies)
const app = new PIXI.Application();
PIXI.loader.add('demo','spine-pro.json').load((loader,res)=>{
let demo = new PIXI.spine.Spine(res.demo.spineData);
demo.state.setAnimation(0,'animatename',true);
demo.x = demo.y = 200;
// Enable drawdebug，Default is false
demo.drawDebug = true;
demo.drawBones = true;
demo.drawRegionAttachments = true;
demo.drawClipping = true;
demo.drawMeshHull = true;
demo.drawMeshTriangles = true;
demo.drawPaths = true;
demo.drawBoundingBoxes = true;
app.stage.addChild(demo);
});
document.body.appendChild(app.view);MIT