3D空间中计算旋转使物体对齐两点连线的Processing实现问题

核心问题原因 #

你当前的方案错误点在于：直接计算目标向量与三个坐标轴的夹角作为欧拉角参数，没有考虑欧拉角旋转存在先后顺序依赖，同时计算得到的夹角只有大小没有旋转方向，自然无法得到正确的旋转结果。

正确方案：轴角旋转法 #

Processing 提供了rotate(angle, x, y, z)方法，可以直接绕任意三维轴旋转指定角度，不需要拆分三个欧拉角，是实现向量对齐的最优方案。
实现逻辑如下：

• 你的盒子初始长轴默认沿全局X轴延伸（box的第一个参数对应X轴向尺寸），我们需要把这个初始朝向对齐到两点连线向量。
• 计算初始朝向（X轴单位向量new PVector(1,0,0)）和目标连线向量的叉乘，结果就是需要绕转的旋转轴。
• 通过两个向量的点积计算旋转角度，处理方向相同/相反的特殊边界情况。

修改后的完整可运行代码 #

PVector p1;
PVector p2;
PVector boxSize = new PVector(0, 100, 100); // x值会动态匹配两点距离，也可以固定值

void setup() {
    size(1000, 1000, P3D);
    p1 = new PVector(100, 100, 0);
    p2 = new PVector(900, 900, -1000);
    // 动态设置盒子长度为两点间距，也可以固定为你需要的数值
    boxSize.x = PVector.dist(p1, p2);
}

void draw() {
    background(125);
    strokeWeight(2);
    stroke(255, 0, 0);

    pushMatrix();
    
    line(p1.x, p1.y, p1.z, p2.x, p2.y, p2.z);

    PVector midPoint = calcMidPoint(p1, p2);
    translate(midPoint.x, midPoint.y, midPoint.z);

    // 计算旋转参数并应用
    PVector dir = PVector.sub(p2, p1).normalize();
    PVector axis = new PVector(1, 0, 0).cross(dir);
    float angle = acos(new PVector(1,0,0).dot(dir));
    
    // 处理两向量完全同向/反向的边界情况，避免旋转轴为零向量报错
    if (axis.mag() > 0.001) {
        rotate(angle, axis.x, axis.y, axis.z);
    } else {
        // 完全反向的情况旋转180度
        if (dir.x < 0) rotate(PI, 0, 1, 0);
    }

    box(boxSize.x, boxSize.y, boxSize.z);
    popMatrix();
}


PVector calcMidPoint(PVector p1, PVector p2) {
    return new PVector((p1.x + p2.x) / 2, (p1.y + p2.y) / 2, (p1.z + p2.z) / 2);
}

补充说明 #

如果你的盒子初始朝向不是沿X轴，只需要把代码里的初始参考向量new PVector(1,0,0)换成对应的初始朝向单位向量即可。比如初始沿Y轴就换成new PVector(0,1,0)。

内容的提问来源于stack exchange，提问作者Brandon H.