FBX Loader: Displaced Animation Playback

[liz3]

Hello, im pretty new to three.js but getting into it was pretty easy with the quite extensive collection of examples.
Though i encountered a for me game breaking "bug"(In Quotes because it could be related to a wrongly exported file).

I am using the FBX Example to display a FBX Model with a animation. But the animation is been displayed completely wrong.
After i noticed that, i loaded the in the example provided "Dancing Samba", this model worked without any issues.

So the issue has to be related with the (from Maya 2018) exported file.
I noticed that the "FBX binary version" of the example model is 7400 and my file was 7500, i then exported the file again with the 2014 fbx version, the displayed version changed to 7400, the bug is still there though.

I included both the 7500 and 7400 version of the file and a short mp4 video showing the working state first and then the non working, in the zip.
Files.zip
Implementation Code

Info:
Browser: Chrome 68.0.3440.106
Three.js Version: (npm, bundled with webpack and babel): three-full 11.0.1
System: I7 8700K, GTX 1060

Regards,
Yann HN(Liz3)

[looeee]

Thanks for the thorough bug report. I suspect it's because the way transforms are implemented in Maya are quite different than in 3DS Max, and I've been concentrating on that while creating the animation system. I'll have to look into this a bit more and see if I can update the code to better support Maya transforms.

Can you try exporting with the "bake animations" setting turned on and see if it works better with that?

In the meantime as a workaround you could also try converting to glTF format using FBX2glTF. It's a command tool, and there are prebuilt binaries here

[liz3]

@looeee Though i havent get the gltf thing to work, if have some interesting fact:
I just imported the .fbx into blender and exported it again(with default settings), that for some reason fixed the issue....so my theory that its related to export options is true, though by now i almost tried every possible setting, none worked until now.
I will comment if i find a option that fixes it.

[looeee]

I just imported the .fbx into blender and exported it again(with default settings), that for some reason fixed the issue....

Blender uses the same transform as 3DS Max (at least when exporting FBX files).

so my theory that its related to export options is true

Possibly, but I would say my theory that it's related to the difference in how transforms are applied in Maya is more likely. Nonetheless, can you confirm that the issue is still there when exporting with "bake animations" on?

[liz3]

@looeee yes it doesnt change anything.
Also when converting the fbx into glFT it still doesnt change anything.

Blender uses the same transform as 3DS Max (at least when exporting FBX files).

Makes sense

[donmccurdy]

You may also want to try the Maya glTF exporter (https://github.com/WonderMediaProductions/Maya2glTF). I know the author is doing some particular workarounds for skinning there (donmccurdy/three-gltf-viewer#101).

If that doesn't work, do you mind if I upload your sample files to open bug reports on FBX2glTF and Maya2glTF?

[liz3]

Il try it and yes you can use these files, il comment again when i tested

[donmccurdy]

Actually FBX2glTF is working correctly, as far as I can tell. The animation in FBX Review looks the same as playing on https://gltf-viewer.donmccurdy.com/ —

Is it not working for you? Note from the docs that GLTFLoader returns a differently-structured result than FBXLoader.

[liz3]

@donmccurdy which arguments did you used in the convertion process and could you share the exact source of the threejs player playing the animation?

[liz3]

Note For all: The (for now) Workarround is to just export the fbx from maya, import it in Blender and re export it(no specific changes required)

[donmccurdy]

The conversion is just FBX2glTF -i input.fbx -o output, and the viewer's full code is here but a simpler snippet for loading a model and playing animation would be this: https://github.com/mrdoob/three.js/blob/dev/examples/webgl_postprocessing_unreal_bloom.html#L118-L135.

[chinazaaa]

Please do i load two different fbx files with animation in Javascript

[donmccurdy]

@chinazaaa please use the forums (http://discourse.threejs.org/) or Stack Overflow for help.