Export pose to texture

Motion

Hi Everyone.
I am using Spine Runtime with Libgdx. I would like that on initialization of the game to take initial pose of my spine character and to create a new Texture out of it, where all parts of textures are combined together.

In the game I need to have in the same time:
1) character in animation
2) initial pose on which some shaders are applied.

Is there any way to get all textures of initial pose?

I suppose that after getting all textures I should use FBO to make a new texture.

Thanks

Motion

Nate

Yep, you'll want to render to an FBO. Have you tried that? See com.badlogic.gdx.graphics.glutils.FrameBuffer.

Motion

Yes, this is my code:

FrameBuffer fbo = new FrameBuffer(Pixmap.Format.RGBA8888, 2048, 128, false);

  fbo.begin();

  testTexture = new TextureRegion(fbo.getColorBufferTexture());

  testTexture.flip(false, true);

  batch.getProjectionMatrix().setToOrtho2D(0, 0, fbo.getWidth(), fbo.getHeight());
  batch.begin();

  Gdx.gl20.glClear(GL20.GL_COLOR_BUFFER_BIT);

  for (int i = 0; i < 8; i++)
  {
     SkeletnAnimationStateHolder holder = stateHolder.get(i);

     Skeleton  skeleton = holder.GetSkeletonHolder();
     AnimationState  animationState = holder.GetAnimationStateHolder();

     skeleton.setPosition(i * 64, 0);

     animationState.apply(skeleton);
     skeleton.updateWorldTransform();

     _renderer.draw(batch, skeleton);
  }

  batch.end();
  fbo.end();

I have 8 different spine projects, and I am now trying to create a sprite sheet out of each initial pose.

Questions:
1) Am I correctly getting the initial "setup" pose?
2) When I render the texture generated from the FBO I get transparent pixels on the touching points:
Premultiplied alpha is set to false on export with texture bleeding on. However, when animation is running, seems this transparent pixels are not showing. Am I doing something wrong?

Thanks

Nate

Motion ：
1) Am I correctly getting the initial "setup" pose?
2) When I render the texture generated from the FBO I get transparent pixels on the touching points:
Premultiplied alpha is set to false on export with texture bleeding on. However, when animation is running, seems this transparent pixels are not showing. Am I doing something wrong?

1) You are applying an animation state. Call setToSetupPose instead.
2) You'll need to use PMA if you want proper blending.

Motion

Is there any workaround to blend it without using PMA?

All my assets are now without PMA, and its because I use opacity.

I tired to transfer all other assets to support PMA, but when rendered the overall result is different. The textures rendered with PMA have different color than without. Colors is much more brighter.

So I would like to go without the PMA.

One idea that comes to my mind is

1) Render part in non PMA
2) enable PMA
3) render annimation
4) disable PMA
5) Continue rendering other in non PMA

I did following:

renderer.setPremultipliedAlpha(true);
renderer.draw(batch, charSkeleton);
renderer.setPremultipliedAlpha(false);

but seems its still rendering in PMA mode. How to turn it off after rendering in PMA mode?

Nate

PMA gives correct blending. Non-PMA gives almost correct blending, except when it doesn't. Bleeding reduces some of the problems with non-PMA, but it still isn't perfectly correct blending. See this thread and the pages linked from it:
Premultiply Alpha

There is no problem with using opacity with PMA and it has the advantage that you can do additive blending without changing the blend mode (which would flush the batch).

You can call setBlendFunction(GL20.GL_SRC_ALPHA, GL20.GL_ONE_MINUS_SRC_ALPHA) on your Batch to render non-PMA images after rendering skeletons with PMA.

Did you save all your images as PMA? Did you call setBlendFunction(GL20.GL_SRC_ALPHA, GL20.GL_ONE) to render your PMA images?

Motion

In the test example all the textures are saved as PMA with TexturePacker tool (the commercial one).

Did you mean

setBlendFunction(GL20.GL_ONE, GL20.GL_ONE_MINUS_SRC_ALPHA);

for the PMA?

Looking at this chart, seems i cannot replicate the desired color effect
(comparing GL20.GL_SRC_ALPHA, GL20.GL_ONE_MINUS_SRC_ALPHA and GL20.GL_ONE, GL20.GL_ONE_MINUS_SRC_ALPHA)

Loading Image

Nate

If you setup an executable libgdx example (Java code + 2 images) that renders 2 images, one the way you want and one with PMA, I can take a look.

Motion

Thanks,
here is the example. When the opacity is set, the PMA images look over saturated.

Loading Image

I realized what was the problem... For the calculation of transparency (50%) I had to put:

batch.setColor(col.r * 0.5f, col.g * 0.5f, col.b * 0.5f,col.a * 0.5f);

insted of

batch.setColor(col.r, col.g, col.b, 0.5f);

Since I used the IsometricTiledMapRenderer, I modified the color calculation to:

float color = Color.toFloatBits(batchColor.r * layer.getOpacity() * cell.getOpacity(), batchColor.g * layer.getOpacity() * cell.getOpacity(), batchColor.b * layer.getOpacity() * cell.getOpacity(), batchColor.a * layer.getOpacity() * cell.getOpacity());

And now seems to me that is rendering ok.

Anyhow, thanks for help!

Hvala!

Nate

Aha, glad you got it worked out! Molim! 🙂