Animation issues with threejs, interpreted incorrectly

Donkey-play-Violin.zip
Describe the bug

I exported an animation from one of our current projects but noticed that modelviewer/threejs have trouble with it; it seems that the animation is interpreted incorrectly. There are some warnings but I think they should not cause this behaviour, especially as it works fine in other viewers.

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://gltf-viewer.donmccurdy.com/
  2. Import the attached file
  3. Go to https://sandbox.babylonjs.com/
  4. Import the attached file
  5. Note that Babylon exhibits the correct (desired) behaviour, same as Microsoft 3D Viewer.

Expected behavior

Correct animation playback.
20201215-014603
(correct, Babylon sandbox)

Screenshots

20201215-014550
(Incorrect, threejs)

Platform:

  • Device: [Desktop, Mobile]
  • OS: [Windows, MacOS, Linux, Android, iOS]
  • Browser: [Chrome, Firefox, Safari, Edge]

EDIT: I believe this is because objects have different hierarchies but the same object names that are differently animated, and seems three doesn’t take the object hierarchy into account when animating, only the object name?

Author: Fantashit

2 thoughts on “Animation issues with threejs, interpreted incorrectly

Comments are closed.