'How do I move a three.js 3D object by world origin with GSAP rather than local origin?

Basically my cube is in a group, the group is at position.x = 5, and I'm trying to move my cube to position.x=12 from world origin with GSAP, but it's relative to the group's position instead. Therefore the cube's world position is x = 17 but I want it to be x=12 world position.

Is it possible to tell GSAP to animate from the world origin instead? I'm not sure how I would do this, I have looked into the documentation and found

.getWorldPosition(), but am unsure how to animate the resulting vector in GSAP with my camera also copying the position during the animation.

Here is a codesandbox (refresh page to see animation start from 5->17 rather than 0->12): https://codesandbox.io/s/currying-bush-v02zhn?file=/src/index.js



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source