• Bugs

  • Artefacts between parts of the body

    英語
Related Discussions
...

  • Nate

  • 投稿 #3
  • この投稿は英語で投稿されました

Try PMA or no PMA in your atlas.

Looks more like depth/alpha cutoff stuff.
It could also just be some strange blendfunc.

Or images saved as PNG-8 instead of PNG-24?

Thanks for your response. I have tried PMA/noPMA. It affects only the color of this artefacts. On screenshot they are dark, and other way they are light. We use png24.
Also i dont see any artefacts through the spine (attached the image). So maybe it's runtime render bug, or export settings.
Any ideas?

  • Nate

  • 投稿 #6
  • この投稿は英語で投稿されました

Is that spine-ts with Canvas? Are you using meshes and SkeletonRenderer.useTriangleRendering?
spine-runtimes/spine-ts at master
"Mesh attachments are supported by setting spine.canvas.SkeletonRenderer.useTriangleRendering to true. Note that this method is slow and may lead to artifacts on some browsers." Unfortunately this is a browser limitation, there is no workaround for Canvas. Meshes work fine with spine-ts WebGL.

How can we use spine.canvas.SkeletonRenderer.useTriangleRendering for js-widget?

Or this is only for WebGL? Can we use WebGL as DOM-element with transparent background?

  • Mario

  • 投稿 #8
  • この投稿は英語で投稿されました

You can't. The widget only works with a WebGL canvas I'm afraid. You can set the background color of the WebGL canvas of the widget to transparent and add the canvas anywhere in your DOM. See the widget docs on how to set the background color spine-runtimes/spine-ts at master.

When you tried PMA, did you enable it via data-premultiplied-alpha in the widget configuration (or the corresponding JavaScript configuration)?

We use widget this way (attached). After it fills with the canvas. Maybe i need to add some properties?
We did transparency using alpha 0.

  • Mario

  • 投稿 #10
  • この投稿は英語で投稿されました

Ah, that explains why PMA didn't fix the issue. Please do the following:

  1. Export your Spine project using pre-multiplied alpha in the texture atlas export settings enabled http://sht.tl/ROHzxZ
  2. Add the following to your JavaScript widget configuration
new spine.SpineWidget(..., {
   ...,
   premultipliedAlpha: true,
   ...
});

That should do the trick.

Why are the outlines blue though?

4日 後
badlogic wrote

Ah, that explains why PMA didn't fix the issue. Please do the following:

  1. Export your Spine project using pre-multiplied alpha in the texture atlas export settings enabled http://sht.tl/ROHzxZ
  2. Add the following to your JavaScript widget configuration
new spine.SpineWidget(..., {
   ...,
   premultipliedAlpha: true,
   ...
});

That should do the trick.

It works! Thanks!