Box Animated glTF model changes size as it rotates (r83 or Later)

Description of the problem

I tried to display the Box Animated glTF model with the latest version of Three.js + glTF Loader, However, it seems that animation movement is not correct.
https://cx20.github.io/gltf-test/examples/threejs/index.html?model=BoxAnimated&scale=0.5

Three.js r82 + glTF Loader is OK
http://jsdo.it/cx20/gnrt
image

Three.js r83 (or Later) + glTF Loader is NG
http://jsdo.it/cx20/iT08
image

This model has to animate as follows.

Three.js version
  • Dev
  • r83
Browser
  • All of them
  • Chrome
  • Firefox
  • Internet Explorer
OS
  • All of them
  • Windows
  • Linux
  • Android
  • IOS
Hardware Requirements (graphics card, VR Device, …)

Author: Fantashit

1 thought on “Box Animated glTF model changes size as it rotates (r83 or Later)

  1. I’ve confirmed this bug and figured out how to fix.
    I’ll make PR soon.

    The root issue is here in GLTFLoader

    tracks.push( new THREE.KeyframeTrack(

    It always generates KeyframeTrack regardless to data type but
    it should generate proper keyframe track instance corresponding to data type.
    (eg. QuaternionKeyframeTrack for quaterinon)

Comments are closed.