Spine clipping mask problem in playcanvas

tomkubur · February 12, 2020, 11:46am

I created animation in spine with clipping mask. After import to playcanvas these files and tried to run animation, I’m getting this error;

TypeError: Cannot read property ‘texture’ of undefined
at t.initAttachment (http://launch.playcanvas.com/api/assets/files/Scripts/Library/playcanvas-spine.min.js?id=27919451&branchId=a171ac64-c8db-441f-8ca3-219148ce95ba:3:147858)
at t.updateSlot (http://launch.playcanvas.com/api/assets/files/Scripts/Library/playcanvas-spine.min.js?id=27919451&branchId=a171ac64-c8db-441f-8ca3-219148ce95ba:3:152063)
at t.update (http://launch.playcanvas.com/api/assets/files/Scripts/Library/playcanvas-spine.min.js?id=27919451&branchId=a171ac64-c8db-441f-8ca3-219148ce95ba:3:153211)
at t.onUpdate (http://launch.playcanvas.com/api/assets/files/Scripts/Library/playcanvas-spine.min.js?id=27919451&branchId=a171ac64-c8db-441f-8ca3-219148ce95ba:3:155360)
at Function._helper (https://code.playcanvas.com/playcanvas-stable.dbg.js:24546:14)
at Function.update (https://code.playcanvas.com/playcanvas-stable.dbg.js:24554:10)
at Application.update (https://code.playcanvas.com/playcanvas-stable.dbg.js:23988:24)
at Application.tick (https://code.playcanvas.com/playcanvas-stable.dbg.js:24343:11)
at Application.start (https://code.playcanvas.com/playcanvas-stable.dbg.js:23977:10)
at http://launch.playcanvas.com/editor/scene/js/launch.js:7250:25

Any idea?

Leonidas · February 12, 2020, 11:51am

Hi @tomkubur,

None of the links seem to be working, could you post a sample project to take a look?

tomkubur · February 12, 2020, 12:12pm

Hi @Leonidas,

I create a sample project and add two different animations. Problem in “SpinePortalAnimation”.

https://playcanvas.com/project/665578/overview/spine_mask_sample

Thank you.

Leonidas · February 12, 2020, 12:19pm

Thanks @tomkubur, it seems to be most likely an unsupported by the Playcanvas Spine loader feature.

This line seems to be complaining, of an attachment with an undefined region, @max may be able to give some insight:

github.com

playcanvas/playcanvas-spine/blob/0084f81465ab50f94805afe94151ceb7f434c700/src/spine.js#L281


    slot.positions = new Array(3 * size);
    slot.options = {
        normals: new Array(3 * size).map(_genNormals),
        uvs: attachment.uvs.map(_remapUV),
        colors: Array(4 * size),
        indices: attachment.triangles
    };
}


// create / assign material
var texture = attachment.region.texture.pcTexture;
if (texture) {
    if (texture instanceof pc.StandardMaterial) {
        this._materials[texture.name] = texture;
        slot.material = texture.name;
    } else {
        // get a unique key for the texture
        var key = null;
        if (texture.getSource() instanceof Image) {
            key = texture.getSource().getAttribute("src");
        } else if (texture instanceof pc.Texture) {

tomkubur · February 12, 2020, 12:42pm

Thanks @Leonidas, I’m waiting for solutions.

will · February 12, 2020, 4:29pm

Yeah, normally that line throws an exception because of an unsupported attachment type. I think the PlayCanvas Spine runtime needs a little work to fix cases like this.

tomkubur · February 13, 2020, 12:10pm

Do you have any plan about to fix this issue? @will

tomkubur · February 14, 2020, 2:04pm

Hello @Leonidas, it’s me again.

We looking forward to hearing something from you.

Leonidas · February 14, 2020, 2:07pm

Hey @tomkubur,

Try raising an issue/feature request on the Playcanvas Spine repo about it:

tomkubur · February 14, 2020, 2:11pm

Thanks I will.