Изменить вращение куба WebGL

Question

Мне нужно решить ТСК, где меня просят смоделировать поведение собачьего хвоста. Эта «сказка» представляет собой простой куб, и я поворачиваюсь от 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;
}