WebGL立方体模拟狗尾摆动：实现往复旋转而非重置问题

嘿，我来帮你搞定这个尾巴没法连续往复摆动的问题！先看看你当前代码里的问题：

1. 你把方向变量dir放在move函数内部，每次调用函数时都会把它重置为true，这就导致尾巴永远只会往45°的方向摆，没法切换方向往回走。
2. 那段while循环完全是无效的——只有当theta[tailId] == 45时才会进入循环，但循环条件却是theta[tailId] !=45才执行减1操作，这逻辑根本走不通，等于白写了。

修正后的代码方案 #

我调整了逻辑，加入了持久化的方向控制变量，让尾巴能在0°到45°之间平滑往复摆动：

var theta = [0, 0, 0, 0, 0, 0, 180, 0, 180, 0, 20, 0];
var tailId = 11;
// 用这个变量记录摆动方向：true=向45°摆动，false=向0°摆动
var swingDirection = true;

function move() {
    // 处理尾巴的摆动逻辑
    if (swingDirection) {
        // 往45°方向移动，每次递增1°
        theta[tailId] += 1;
        // 到达45°边界时，切换方向
        if (theta[tailId] >= 45) {
            theta[tailId] = 45; // 确保角度不会超出上限
            swingDirection = false;
        }
    } else {
        // 往0°方向移动，每次递减1°
        theta[tailId] -= 1;
        // 到达0°边界时，切换方向
        if (theta[tailId] <= 0) {
            theta[tailId] = 0; // 确保角度不会低于下限
            swingDirection = true;
        }
    }

    // 这里记得加上你实际更新尾巴旋转的代码
    // 比如类似这样的逻辑（根据你的渲染框架调整）：
    // updateObjectRotation(tailId, theta);
}

关键改动说明 #

• 把方向变量移到函数外部：swingDirection在函数外定义，这样每次调用move时能保留上一次的方向状态，不会被重置。
• 边界检测与方向切换：当角度到达45°时，立刻切换为往0°摆动；到达0°时再切换回来，实现连续的往复运动。
• 边界值修正：每次到达边界时直接把角度设为边界值，避免因为累加/累减导致角度超出0°-45°的范围。

这样修改后，你的立方体尾巴就能在0°到45°之间平滑地来回摆动啦！

内容的提问来源于stack exchange，提问作者user9516512