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

compute maximum width height animation

djmisterjon

hi, its possible to compute or calculate the maximum bounds (width height) of animation, without use a bgBox in the editor?
I need a way to calculate a ratio but from the full animation.

do you have a way in js ?
thank

Nate

Not sure what the pics is showing, but you can compute bounds for each frame of an animation. Do something like this:
spine-runtimes/BonePlotting.java at 3.6
This steps through the animation using a time step. For each iteration, go through the attachments and compute a maximal axis aligned bounding box. For region attachments, you'll need to find the world positions for the corners. For mesh attachments, compute their world vertices.

I wonder why you need this? It's not hard, but it is a bit of effort.

djmisterjon

Nate написал
I wonder why you need this? It's not hard, but it is a bit of effort.

Unfortunately I do not know the Java, I do not understand much.
I code myself a small MapEditor engine to work effectively in my project.
The problem is that I need to create thumbnails for Spine2D library objects.
It's been a while since I'm on this problem and I'm starting to lose hope!

You would not have a solution in javascript?
Performance is not a problem because these for editor mode only.

I made you a video that shows the problem.
Tell me if it helps you understand?

Nate

I see your use case, thanks.

The programming language is not important. The basic idea is:

float fps = 1 / 15f;
float time = 0;
while (time < animation.getDuration()) {
   animation.apply(skeleton, time, time, false, null, 1, MixPose.current, MixDirection.in);
   skeleton.updateWorldTransform();
   for each skeleton attachment {
      if attachment is RegionAttachment {
         ...
      }
      if attachment is MeshAttachment {
         ...
      }
   }
   time += fps;
}

Where I put ... for a region attachment, use RegionAttachment computeWorldVertices. Where I put ... for a region attachment, use MeshAttachment computeWorldVertices. Use the resulting vertices to determine the minimum and maximum vertices in the x and y directions. That defines your bounding box for the whole animation using the granularity of the fps variable.

djmisterjon

Nate написал
I see...........efines your bounding box for the whole animation using the granularity of the fps variable.

ok thank this help me a lot, i will try integrate this in my my code.
Otherwise, I had 2 other ideas, but my surprise,it impossible to do in your software.

1:, it's simply draw ruler guideline on the maximum bounds in the animation mode, and after, create a simple Bounding Box in the Setup Mode based on the guideline.
But i not found ruler or draw guideline similar to photoshop.

2:, i was draw a BoundingBox in setup, and use preview mode to adjust them in real time, but preview mode not showing BoundingBox ! :doh: .

It would have been great to be able to achieve one of these 2 options. 🙂

Nate

You could modify a bounding box in animate mode, get it to look like you want, then move the deform key to frame zero. You would use the same bounding box for every animation, sized by a deform key on frame zero for each animation. However a bounding box will only work if you manually adjust it for every animation, while code like I hinted at above will work for any animation.

djmisterjon

Nate написал
You could modify a bounding box in animate mode, get it to look like you want, then move the deform key to frame zero. You would use the same bounding box for every animation, sized by a deform key on frame zero for each animation. However a bounding box will only work if you manually adjust it for every animation, while code like I hinted at above will work for any animation.

ok finaly solved !
I am not able to integrate your code in pixi, but i try your suggest with the key
thank a lot for help, now it work good, i need to draw a Bounding Box at frame 0 that say limit of the animation.

So a BouindingBox at frame 0 on all animation

and code for implementation

  // Check ratio and set Sprite Size for fit in Cage rectangle
function resizeSpriteRatio(spine,w,h){
    let slot = spine.skeleton.findSlot('size')
    if(slot){
        let vertices = slot.attachment.vertices;
        let rec = new PIXI.Rectangle(vertices[0], vertices[1], Math.abs(vertices[4]-vertices[0]), Math.abs(vertices[5]-vertices[1]) );
        let ratio = Math.min(w/rec.width, h/rec.height);
        if(ratio<1){ spine.scale.x = ratio, spine.scale.y = ratio };
        spine.position.set(((rec.width/2)[i]ratio)+(w[/i]ratio)/2, (rec.height[i]ratio)+(h[/i]ratio));
    };
};

all work good , thank a lot nate for your time and help.