Настольная игра в javascript, вопросы по синхронизации вопросов

Question

Я разрабатываю настольную игру в javascript, и я почти решил все условные и итерационные операции, но у меня все еще есть одна проблема: это игра, в которой вы бросаете кости, а затем свою пешку движется, и когда ваша пешка достигает определенного места на доске, она должна отображать карточку с вопросами. Эта карта на самом деле является html div, и я просто скрываю ее и показываю ее с помощью .css-файла. Дело в том, что он «стреляет» сразу после того, как я бросаю кости, и я не могу понять, как его синхронизировать с движениями пешки, чтобы он появился, когда пешка действительно дошла до этой секции доски. Пешка - это просто изображение, и я «вызываю» его с помощью jQuery следующим образом: $ («# bluePawn»), а затем я использую функцию анимации в javascript, чтобы заставить ее «перемещаться» по доске. Эта функция получает 4 параметра, которые: объект DOM для перемещения (пешка, как я уже упоминал ранее), текущее положение пешки на доске, сколько пробелов для перемещения и флаг истины/флага. Надеюсь, это может быть более наглядным, если я покажу вам фрагмент кода, который вызывает движение.

Места, где пешки могут быть размещены и на которые они могут перемещаться, которые «отмечены» на плате с координатами пикселей, включенных в ассоциативном массиве

Я попытался включить пример кода, но не было способный правильно отступать.

Answer 1

Если вы знаете, как долго он будет принимать парень, чтобы переместить вы можете использовать setTimeout() ждать правильную длину перед запуском карты (или JQuery анимации delay.

Если вы не знаете точное время, будет принимать вы должны смотреть в функцию обратного вызова. Trigger функции, чтобы показать карту (путем удаления или скрытия класса CSS) после перемещения пешки.

Это общий ответ на общий вопрос без кода :)