transform.pivot es el punto sobre el que una colocación gira y escala, en sus propias unidades desde su origen. Ponerlo no mueve nada: solo los giros y los escalados se hacen alrededor de él, y todo lo que lleva la caja va con ella.
Los dos corredores son la misma caja: un cuerpo y una cabeza, con el origen en el centro. El naranja gira sobre ese centro, así que al tropezar los pies se le levantan del suelo. El azul tiene pivot: { x: 0, y: -0.8, z: 0 }, sus pies, así que cae sobre ellos como un cuerpo de verdad, con un solo ángulo, rotationX, y sin componer cuaterniones a mano. Una malla o un modelo también aceptan un pivote en su transform.
Haz clic en la vista previa para que oiga el teclado. Mantén → y ← para inclinarlos hacia delante y hacia atrás, despacio, y ver sobre qué gira cada uno; Espacio hace tropezar a los dos.