Я строю , пытаясь построить карту перетаскиваемого мира для простой онлайн-игры, но я не могу понять, как это правильно.
Идея состоит в том, что у меня есть серия изображений, которые составляют карту, когда они расположены рядом друг с другом. Карту можно перетаскивать, чтобы исследовать ее, используя Mootools More's Drag.Move. Это работает отлично, пока я не достигну границы div, в котором находится карта: в этот момент должно быть загружено новое изображение, чтобы вы могли перетаскивать дальше, не видя только синий фон. Однако ничего не загружается. Если я удаляю часть в поисках границы элемента div, показывается множество изображений, поэтому я предполагаю, что проблема заключается в обнаружении края.
Я надеюсь, что кто-то знает, как обнаружить, если две границы div "сталкиваются" (у меня есть элемент карты и переполнение: скрытый; контейнер, поэтому карта не покрывает всю страницу), загрузка должна быть в порядке.
Мне обычно неясно, извините за это. Позвольте мне привести пример.
Я пытаюсь перейти к нижнему краю карты мира. Как только нижний край карты загружен приближается к нижнему краю контейнера карты, необходимо установить новое изображение. Поэтому я хочу иметь возможность либо получить расстояние между нижними краями двух элементов, либо инициировать событие, когда эти два ребра "ударяются" друг о друга.
Извините за этот путь к длинному тексту, я всегда боюсь, что я слишком неясен ... что на этой ноте, как правило, верно.
Заранее спасибо!