更改多维数据集WebGL的旋转

Question

我需要解决一个要求我模拟狗尾巴行为的tsk。这个“故事”是一个简单的立方体，我从0°旋转到45°，从45°旋转到0°。问题是，当它达到45°时，它会从0°再次开始旋转。

我需要不断的运动;不恢复初始位置并从0°到45°重新开始旋转。

var theta = [0, 0, 0, 0, 0, 0, 180, 0, 180, 0, 20, 0];
var tailId = 11;
function move() {
    // TAIL
    var dir = true;
    if ( theta[tailId] < 45  ) {
        theta[tailId] +=1;
    }
    if (theta[tailId] == 45){
        while(theta[tailId] !=45 )theta[tailId]+=-1;}

Answer 1

您应该使用dir变量（已指定）但仅作为数字。当值超过界限时，只需反转方向。

类似的东西：

var theta = [0, 0, 0, 0, 0, 0, 180, 0, 180, 0, 20, 0];
var tailId = 11;
var dir = 1;

function move() {
    // TAIL
    theta[tailId] += dir;

    if ( theta[tailId] < 0  ) {
        theta[tailId] = 0;
        dir = -dir;
    } else
     if ( theta[tailId] > 45  ) {
        theta[tailId] = 45;
        dir = -dir;
    } 
}

您可以尝试使用鼻窦功能。看起来更好......

var theta = [0, 0, 0, 0, 0, 0, 180, 0, 180, 0, 20, 0];
var tailId = 11;
var phase = 0;
var step = 0.1;

function move() {
    // TAIL

    // convert from -1..1  =>  0..45
    theta[tailId] = 22.5 + (Math.sin(phase) * 22.5);
    phase += step;
}