Hi everyone,
I’m working on a game using Spine and PixiJS, and I’m having trouble getting a ninepatch to work correctly in PixiJS. Here’s what I’ve done so far:
The Asset:
- I have a red neon border image that I’m using in Spine.
- The image is prepared as a ninepatch with a 1px transparent border and black lines marking the edges (file name ends with
.9.png).
In Spine:
- I’ve created an animation where I’m using this neon border as an attachment.
- The animation only modifies the rotation, scale, and opacity of a mask and the opacity of the neon border. The neon border itself doesn’t move.
- The attachment is set up as a ninepatch in Spine, and the splits are correctly defined.
Export:
- When I export the project from Spine, the attachment is exported correctly:
- The black lines are removed.
- The atlas file includes the correct splits for the ninepatch.
The Problem:
- When my colleague tries to use this animation in PixiJS, the ninepatch doesn’t work as expected.
- The skeleton/attachment behaves as if it’s not a ninepatch at all (e.g., it scales uniformly instead of preserving the borders and corners).
What I’ve Tried:
- Ensuring the image is correctly marked as a ninepatch in Spine.
- Verifying that the splits are properly defined in the exported atlas.
- Checking that the Spine runtime for PixiJS is correctly set up.
Questions:
- Am I missing a step in preparing the ninepatch in Spine?
- Are there any specific settings or steps required in PixiJS to properly handle Spine’s ninepatch attachments?
- Could this be an issue with the Spine runtime for PixiJS?
Any advice or guidance would be greatly appreciated! Thank you in advance for your help.
