Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

Sprite attachment

Tranmet

Hello!

Having a problem with attaching a sprite to spine slot. Probably Mondays fault cause the instructions are quite clear but still can't seem to get it to work. :wonder:

Step 1. Load the sprite from Resources.
Step 2. Attach that sprite to a slot.
Step 3. Happiness.

I've tried using
Using Spine.Unity

        skeletonRenderer = GetComponentInChildren<SkeletonRenderer>();
        skeletonRenderer.skeleton.SetAttachment("Head", sprite);

and
Using Spine.Unity

        skeletonRenderer = GetComponentInChildren<SkeletonRenderer>();
        skeletonRenderer.skeleton.AttachUnitySprite

but it never even offers the AttachUnitySprite option, all it offers is that SetAttachment.
AttachUnitySprite is straight from the tutorial video but I guess something is missing.

Also, is there a way to access Sprite Attacher module from script? I tried to find it but I just couldn't.

Using latest runtime.

Xelnath

Setting attachment is something done inside of spine, then you invoke the attachment you want.

What you are looking for is something like at the end of this video:

Unity Feature Tutorials

Pharan

Attaching Unity Sprites to Skeletons isn't ideal since it can break batching by using a different texture (this is a limitation of any engine) and can be potentially wasteful for fillrate if your sprite is mostly transparent.

But you can still do it in a pinch.

I think what you're looking for is:

using Spine.Unity.Modules;

// class stuff...

public Sprite mySprite;

void Start () {
     var skeletonRenderer = GetComponent<SkeletonRenderer>();
     var regionAttachmentFromSprite = mySprite.ToRegionAttachment(); // Instantiates a Spine.RegionAttachment based on UnityEngine.Sprite data.
     skeletonRenderer.skeleton.SetAttachment("head", regionAttachmentFromSprite);
}

The SpriteAttacher module is under the Spine.Unity.Modules namespace. You can find the post on namespaces here: Spine.Unity namespaces

Tranmet

Yea at first we thought of doing it inside Spine but abandoned that idea because our game will have multiple playable characters which players can customize from big list of items to multiple slots so all those spine projects could end up in total of hundreds of images instead of 1 pool where all those images are in. And those items will be purchasable trough the shop.

Pharan, that script you provided seems just what we want to achieve except it has problems with Unity sprite;
error CS0029: Cannot implicitly convert type Spine.Unity.Modules.SpriteAttachmentLoader' toUnityEngine.Sprite'

After that I tried accessing directly to SpriteAttacher using this line of code

spriteAttacher = GetComponentInChildren<SpriteAttacher>();
Sprite sprite = Resources.Load<Sprite>("shop/" + hatImageName);
spriteAttacher.sprite = sprite;
spriteAttacher.slot = "Head";

but it also provides with this kind of error;

NullReferenceException: Object reference not set to an instance of an object
Spine.Unity.Modules.SpriteAttachmentLoader..ctor (UnityEngine.Sprite sprite, UnityEngine.Shader shader) (at Assets/spine-unity/Modules/SpriteAttacher.cs:86)
Spine.Unity.Modules.SpriteAttacher.Attach () (at Assets/spine-unity/Modules/SpriteAttacher.cs:59)
Spine.Unity.Modules.SpriteAttacher.Start () (at Assets/spine-unity/Modules/SpriteAttacher.cs:51)

EDIT:

Okay so I got it working with;

        skeletonRenderer.skeleton.AttachUnitySprite("Hat", sprite);

but the images are slightly distorted and way too big. I've made the slot and bone in Spine and looked that those exact images look good there on that bone and on that slot with the same animation. I think this might be problem on the way Unity packs the sprites? Any idea how to fix that.

Pharan

There's no guarantee the sprites match the size/scale of your bones and skeleton (because either scale could be anything), and you need to apply an offset and rotation for each sprite you attach.

I guess you could build a whole data structure and management thing around it.

The documentation on RegionAttachments is here: Runtimes
You'll want to set the resulting RegionAttachment's x, y, rotation, scaleX, scaleY, and then call regionAttachment.UpdateOffset to apply the new values.
I think SpriteAttacher automatically pulls the x and y values from the sprite pivot since that acts like an offset.
These are values that define the offset the attachment from its slot's parent bone, which you would normally define in Spine editor by changing the alignment of the image relative to its parent bone.

Xelnath

Why not use skeleton mesh separator and skeleton utility at this point?

Pharan

@Xelnath, that's a bit worse. :p Tranmet is sort of on the right track, I guess, considering they have to be individually downloadable sprite assets...? Not quite sure how that works with Unity's sprite packer, actually. I suppose those sprites don't necessarily need to be packed? Does that mean any time a sprites need to be downloaded individually, any idea of batching is thrown out the window?

Tranmet

Thanks for the tips, I got the system working now 🙂

Issue on the images being distorted and being little wonky was because their mesh type was Tight, so I changed those images texture type to advanced and changed mesh type to Full Rect, it also had some other options that also affected but they are looking the way they are supposed, at least for now.

@Pharan yeah those images are individuals as Resources folder can't do anything with Atlas, something to do with the atlas getting unpacked and you could end up with unnecessary duplicates. Thankfully I don't have to set each image's X Y Rotation etc anymore as I can just set bone in correct way in Spine :p

Basically they with this is done now I could get any hat or other item on any character on the correct slot and it would look nice even if the characters are in different shapes, sizes and so on.

Thanks again for the help, hopefully I'm able to show you guys soon some of the work I've done with Spine, it's a wonderful software :heart: