Can't get the animation to work (THREE.Matrix3: .getInverse() can't invert matrix, determinant is 0)


#1

Hi guys. It’s my first time posting here so take it easy on me.

I’ve asked our art director to create a quite complex animation on 3DS Max and have it exported as an FBX for Blender and then to GLTF for THREE.JS

After exporting and running on Don McCurdy’s GLTF Viewer (https://gltf-viewer.donmccurdy.com/) it started throwing thousands of warnings like the below (as long as the looped animation runs):

(THREE.Matrix3: .getInverse() can’t invert matrix, determinant is 0)

Can you let me know where to start to try solving this? I’m using the latest ThreeJS release as of date (r99) and the latest GLTFLoader.

I tested this on Chrome and Firefox. I would also like to add that the animation itself doesn’t load but it does load on the GLTF Viewer mentioned above, although having the same thousands of errors as well.

What do you think am I missing?

Thanks in advance to anyone who would help.

John


#2

Can you please share your glTF model in this topic?

As mentioned in the following thread at stackoverflow, the error might occur if your objects have a zero scaling.