Trying to rotate an object around any axis.
Imagine rotating a door hinge (on the edge of an object) or a planet orbiting around the sun (outside of the object).
The challenge lies in determining the axis. Using the unit vector below results in the axis staying fixed at the object's origin (center), making it the same as a standard rotation:
object2.rotateOnAxis(new THREE.Vector3(1,0,0), 0.01);
// equivalent to
object1.rotation.x += 0.01;
Check out the code example here: JSFiddle
EDIT: Seeking a method to rotate around a pivot without using nested children. While rotating a child's parent can adjust the pivot point easily, changing the pivot point is not feasible.
For instance, if you aim to rotate the cube in a figure 8 motion, modifying the parent would suffice with careful alignment. However, creating seamless transitions between parents for complex and non-repeating motions becomes intricate. In summary, I wish to rotate an object along a specific axis without resorting to object nesting within the scene, even beyond the mesh of the object.
View the updated code sample here: JSFiddle with pivots