Pixel animation in libgdx-runtime is different from animation in Spine editor

SpaceMouse

Hello,
I've encountered the following issue. Here's my animation in the editor:

And here's the animation at libgdx-runtime:

As you can see, gaps between skeleton parts have appeared.

However, if I export the animation as a simple sequence of png frames, it displays as expected with the same viewport size. What am I doing wrong?

Nate

It appears you are using Pixel grid in Spine while at runtime you are not mimicking that feature. With pixel grid enabled, the pixels in your animations do not rotate when scaled/rotated/sheared. In your libgdx app I can see the pixels are rotating.

To get the same effect, each game frame you'll need to render your skeleton to an FBO at 1x zoom, then render the FBO scaled as you like to the screen. Doing this rasterizes the pixels in your individual images in the FBO, giving you a pixel art look. Spine is written using libgdx and this is exactly what it does.

SpaceMouse

That helped. Thank you!