Алгоритм для тайловой карты (веб-браузерная игра), такой как карта мира Tribal Wars ⇐ Jquery

[Anonymous]

Я пытаюсь создать тайловую карту мира, такую как Tribal Wars или The-West games.
Я создал ее немного, но она загружается слишком медленно, когда вы перетаскиваете карту мышью.

Мой алгоритм работает следующим образом:



При загрузке страницы:

• загрузить плитки от 1 до 19 (от x1 до y1 и от x2 до y2) с помощью метода JQuery $.post (для этого мне нужна ширина и высота экрана 19=1900/tile_width, потому что я хочу, чтобы карта заполнила всю страницу)
• присоединить возвращенные данные (плитки) к экрану (пока все хорошо)

При перетаскивании карты:

• загрузить снова через плитки .post (в зависимости от того, сколько пикселей вы перетащили)
• снова добавить данные (плитки на экране)

Все работает, если вы перетаскиваете медленно, но если вы хотите перетаскивать как сумасшедший, карта превратится в беспорядок (она не загружает все плитки)

Можете ли вы предоставить мне лучший алгоритм с некоторыми примерами, если это возможно, или, возможно, с некоторыми исходными кодами (я ничего не нашел в Google о картах этих двух игр)

P.S. Я попытался разместить свой пример на 000webhost.com, но не знаю, почему json_decode() возвращает значение null. На моем компьютере все работает нормально.

Подробнее здесь: https://stackoverflow.com/questions/150 ... -world-map