• Runtimes
  • [Javascript] Parent scale issue?

Related Discussions
...

Hello,

I'm creating my own adapter for PIXI as pixi-spine seems to inject lots of code into the original javascript runtimes and I wanted a more clean aproach.
I have a strange issue with one particular skeleton in which I scale a parent bone and it changes rotation of it's children bones. It looks ok in the editor but I can't seem to achieve the same effect using PIXI. The inner bones get rotated and have different scales than in the editor. Can anyone help me pinpoint what is wrong in my code? Or maybe there is a bug in the runtimes?

Here is a demo of what it looks like so far:

http://3.live-preview.com/spine/

And a zipped spine file:

http://3.live-preview.com/spine/magazines.zip

I checked out your sample in the Spine editor and compared it to your demo link above. I couldn't find a difference. Can you give us more info to pinpoint the problem?

The difference is subtle but it's there.

This is a comparison of what the 10th frame looks like in the editor and in the live example:

Image removed due to the lack of support for HTTPS. | Show Anyway

Could you setup a small reproduction case. I might be a bit dense, but I can't seem to reproduce it on my end :/

I digged a bit into various runtimes' code and decided to use direct vertex manipulation instead of sprite manipulation. It seems to work properly now. Thanks for your help! 🙂

I assume that was on the Pixi.js side of the runtime?

Yes. I'm now using PIXI.Mesh instead of PIXI.Sprite. Your generic javascript runtime is working fine.