Hello everyone,
I'm currently working on a project where I've imported a hand model from Blender into Three.js. I'm trying to make different fingers move, but I'm encountering a problem. The problem i'm experiencing is, when trying to rotate fingers on x-axis, they move at different axes also. Please see the video in comment for better explanation. It appears that the hand's position in Three.js after importing might be incorrect. Video explains it here: https://youtu.be/Z0bEMOgeCQo
For instance, the palm bones are not in the right place, and the fingertips are not where they should be. I've attached some images to illustrate the issue. You can also view the problem on my test website: https://mb-viceandvirtue.com/ and review the code here: https://jsbin.com/nenenobedi/edit?html,js,output.
I'd greatly appreciate any assistance or suggestions you might have! 😊