यह साइट एक आधुनिक ब्राउज़र में सबसे अच्छी तरह से देखी जा सकती है जिसमें जावास्क्रिप्ट सक्षम है।

Clipping mask from image or magic wand tool for it?

alexandervrs

I had a frame image where the animated character jumped out from so I needed to mask the bottom, however the frame is pretty complex as you see. I had to do the clipping manually one by one. Later on the frame mask had to change so I had to redo the process again.

Is there or will be any way to use an image mask to describe the clipping area? Or a magic wand of sorts (with a tolerance setting) that could detect and generate the clipping points?

Also other tools to increase/decrease the mask inwards and outwards, rotate and mirror point tools would be great as well

Erika

Hello Alexander, clipping is a very expensive operation at runtime, therefore it is recommended to add the least possible amount of vertices to it.
An easy way to make this happen with your setup is to separate the golden frame from the background, so that the golden frame can be on top of the clipping and cover its geometric shape. You can then approximate the shape of the clipping without worrying as much!

Here's the user guide page for Clipping:
Clipping - Spine User Guide

And here you can see how clipping was used in a similar manner on the Spineboy example project:
Spineboy example: Clipping
Note how some white sparkles are used to cover the clipping happening on Spineboy.

By the way, if you are looking for tools to help you manipulate vertices, here are a couple of them:
Mesh Tools - Spine User Guide
Tools - Spine User Guide: Transform copy

alexandervrs

Hmm I think that will work better, however I have the problem where the frame now appears clipped by the mask.
It seems that I will need to have the frame in two halfs since the character's body appears behind the frame bottom but over the frame top? So I would put the bottom part over the End slot and the top part over the Start slot of the clipping?

Erika

You could do that, or you could simply take out of the clipping the parts that should go over it by placing them upper than the end slot/clipping slot in the draw order node. This is cool because it also lets you do some nice animations like a character being initially inside the frame, and then popping out of it 😃
Clipping - Spine User Guide: Clipping end
Images - Spine User Guide: Draw order