Как можно сделать, чтобы монстры ходили по кругу?

Question

[Александр Корегин]

Нужна помощь, хочу зациклить хождение монстров по кругу.

У меня есть три монстра

$("#nip0");
$("#nip1");
$("#nip2");

У первого монстра, отступ слева 42rem, у второго 57rem, у третьего 72rem;

Я пытаюсь сделать, что как только первый и второй монстр доходили до 72rem, то возвращались обратно и так по кругу

Сейчас я имею такой код, но при нём монстры стоят на месте

Пример на первом монстре, чтобы ходил по кругу, но он просто стоит на месте, я не могу понять как правильно сделать проверку

if (arrayPositionNip[0] > 72) {
    arrayPositionNip[0]--;
    $("#nip0").css("transform", "scale(1)");
    $("#nip0").css("left", arrayPositionNip[0] + "rem");
  }

  if (arrayPositionNip[0] < 42) {
    arrayPositionNip[0]++;
    $("#nip0").css("transform", "scale(-1, 1)");
    $("#nip0").css("left", arrayPositionNip[0] + "rem");
  }

Comments

[Sergey]

А где цикл? С чего они начинают ходить и какие данные в arrayPositionNip?

[Александр Корегин]

Sergey, циклы есть, а данные в arrayPositionNip = [42, 57, 72];

[Александр Корегин]

Sergey, точнее не цикл а setInterval

[Sergey]

Александр Корегин, если у вас стартовое значение для arrayPositionNip[0] = 42, то эти условия не выполняются.

[Александр Корегин]

Sergey, у меня такое стартовое значение, как можно переделать, чтобы заработало ?

[Sergey]

Александр Корегин, используйте

function move() {
... 
setTimeout(move, 1000);
} 
move();

[Sergey]

Александр Корегин, поменять условие или начальное значение. Математику никто не отменял.

[Александр Корегин]

Sergey, а в проверка ничего менять не нужно ?

function move() {
if (arrayPositionNip[0] > 72) {
    arrayPositionNip[0]--;
    $("#nip0").css("transform", "scale(1)");
    $("#nip0").css("left", arrayPositionNip[0] + "rem");
  }

  if (arrayPositionNip[0] < 42) {
    arrayPositionNip[0]++;
    $("#nip0").css("transform", "scale(-1, 1)");
    $("#nip0").css("left", arrayPositionNip[0] + "rem");
  }
  setTimeout(move, 1000);
} 

move();

[Александр Корегин]

Sergey, можете подсказать, как лучше сделать значение, я просто вообще не понимаю

Answer 1

[SagePtr]

Если круг имеет радиус R и координаты центра X0 и Y0, то координата точки на окружности будет
X = X0 + R * Math.cos(T)
Y = Y0 + R * Math.sin(T)
Где T - зависит к примеру от времени и задаётся в радианах

Comments

[Александр Корегин]

Да не ну 2D круг

[xmoonlight]

Александр Корегин, это и есть формулы 2d окружности (плоское измерение).

[Александр Корегин]

xmoonlight, ну мне нужен круг, чтобы монстры дошли в правую сторону, то потом пошли в левую сторону и так постоянно

[xmoonlight]

Александр Корегин, по дуге или по прямой?

[Александр Корегин]

xmoonlight, по прямой

[xmoonlight]

Александр Корегин, зачем тогда круг?

[Александр Корегин]

xmoonlight, ну я имею ввиду цикл

[xmoonlight]

Александр Корегин, if ... elseif ... и множитель -1 в обоих случаях.
Код для смены координат - одинаковый.

[SagePtr]

Александр Корегин, самое простое - хранить у каждого монстра массив точек, между которыми он патрулирует, а также индекс текущей точки, куда направляется. В цикле обработки поведения - сдвигать монстра по направлению к текущей точке, а если расстояние между точками очень мало (монстр достиг её) - то переключать на следующую. При таком подходе - можно даже сложные маршруты прописывать с большим количеством промежуточных точек.