Spine IK goes Haywhire when Using HTML5 Export in Gamemaker

Therazin

Hay Guys,

Me and my collegue are having a major problem with our animations.

We recently purchased Spine Pro and it works like a charm (though im missing a couple features, but thats a topic for a seperate post =D)

As GameEngine were currently using GameMaker Studio Professional (v 1.4.1629 which should be the latest version)
When creating a Build for Windows the animations work like a charm, but our target Platform are Webbrowsers. And thats when everything goes Haywhire!
We narrowed the Problem down to the IK-Constraints.

Below are the Images for the HTML5 Export with IK and Without IK
IK-Constraints Aside the Charackters Setup including Meshes are Identical

This is >more or less< how it should look - as you can see it works fine when I remove the IK contraints:
Loading Image

However when exported WITH IK-constraints it goes apeshit like this: (edit: BinaryCats asked for clarrification, so I added a 2nd Screenshot)
Loading Image Loading Image

We rly hope someone here can has a smart idea how to fix this, or work arround this.
Baking of the IK-Comstraints to the flat bone rotation/translation would be one way to solve this, I imagine, but so far I have not found a way to do this.

Help is much apreciated (and kinda urgent) ^^''

Greetz and Cheers,
Toby

loverain57

Anybody official help? I got the same problem!

BinaryCats

Are you playing multiple animations

Therazin

There are multiple Animations in the File, however as far as I know were only playing one animation at the time- lemme check with my programmer and I can give a definite answer

EDIT: Programmer confirms - its only one animation being played

BinaryCats

hmm

Can you highlight your issue? I understand you have gifs, but I don't see a difference in them ( :/ ). Is it that the body isn't there on the second one?

Therazin

Yes, gadly - the Difference is :

Upper Screenshot - has its IK controlls removed in Spine before the export, in Gamemaker (HTML5 export) its beeing displayed as in Spine

Lower Screenshot - Still has its IK controlls, what happens in GameMaker (but only when exporting the project for HTML5) is that apparetly the meshes are partially missing, or verticies are pulled to, and over each other, thus the mesh collapsing in itself and looking as if parts are missing
(its a bit hard to see in this screenshot, but if u pay close attention to the leg, you might be able to see it
we had a prior test where this issue was clearly visible as the vertices where pulled to the shoulders)

Edit:
Here: this might show it better - again, pay attention to the "legs" =D
Loading Image

BinaryCats

wow... strange. check the json? does anything have a scale of 0?

Therazin

This shouldnt be an Issie, as it displays normaly during Windows Export-
However I checked anyways just to be on the safe side - unless ive overlooked something everything has a scale of 1//1

BinaryCats

I, literally, have no idea

Therazin

Well, our personal guess is, that its a problem with the HTML5 exporter of Gamemaker itself.
OFC, we already sent in a bug-report at the same time i created this post- but so far weve only got the "thank you for your bug report - heres your ticket nr." response, they also asked for a the files so they can check it out, but no news so far. No telling when we can estimate this problem beeing fixed.
Yoyo's Bug-Team is fast though (in response atleast) - gotta leave'em that.
However we hoped someone here had experienced this problem before or something.

Thank you BinaryCats for trying though, its very much apreciated!!

meduzo

I'm having the same problem :sweat:

I know that this is actually a bug from the YoYo team's HTML5 exporter, but still I would really appreciate if there's a way to bake the animations so they are not based on the IK constrains.

I might be thinking ahead of time, but, even though some of the animations I've made show (in the HTML5 exporter) only a part of the body of my character, whenever I scale it, the animation gets messed up, this is something might be happening after this first bug is fixed.

I've tried to create a key for every joint and then delete the constrains but the keys I've created won't stick to their previously selected numbers (rotation and translation), I know that I can create some kind of manual rotation and translation sheet in excel or something (and that's what I might end up doing) but if anybody know a better, faster and easier way to do this, I would appreciate it.

Thank you 🙂

BinaryCats

As for baking, you can just key the position and rotation of the bones anytime the pos of the ik changes (you may need to do some touch up) and then remove the ik :/