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

Сергей Соколов, Внутри некоторых таких больших зонах могут быть другие зоны. Но если это добавляет трудностей, можно такую большую зону разбить на несколько зон без вложенных внутри зон.

Каким образом лучше реализовать такую карту на canvas?

WbICHA, добавилась в скайп

Каким образом лучше реализовать такую карту на canvas?

WbICHA,

И да, раз у нас такое активное общение, может перейдём на более удобные для этого площадки, а то я уже устал мотать вниз каждый раз... :/

Давай, есть почта, скайп, аська (да да), вк, где удобней?

Каким образом лучше реализовать такую карту на canvas?

WbICHA, эм, так я сама в фш для каждой картинки обрисовываю области и перевожу потом в свг картинку. Я думала на страницу подгружать такую картинку через object, но, ладно хоть проверила сразу, тогда elementsFromPoint не видит внутренности свг. Поэтому теперь код каждой свг картинки помещаю в отдельный для неё подшаблон и его уже подгружаю, тогда на странице получаю сам открытый свг код. Вот такая схема. Мне так не очень нравится, но иначе, чтобы object видел, не знаю как делать.

Каким образом лучше реализовать такую карту на canvas?

WbICHA, Я к тому, что object режет возможности, получается? Для большего лучше всего ставить свг прямо в страницу?

Но вообще можно создать свг через жс и добавить его на страничку.

А как это делается? Вкратце можете пояснить?

Каким образом лучше реализовать такую карту на canvas?

WbICHA,

забавно, я сам нод жс бекендер, поэтому с фронтом тоже много дел не имею.)

А у меня php, ларавел)
Попробовала друг над другом поставить свг, див с фоном и канвас для рисования - elementsFromPoint как раз подошёл, в нём указан и сам path. Но, так работает только если код свг поместить в саму страницу. Если же через object вставлять, то уже elementsFromPoint не будет показывать нужный path. Поэтому приходиться, т.к. я использую шаблоны blade, на странице (общая для всей локаций) свг подключать через @include('шаблон с свг кодом картинки'), соответственно, делаю шаблон для конкретной картинки, куда вставляю код её свг. Костыль какой-то, но времени у меня мало, а в инете ничего не смогла найти. Что думаете насчёт этого?

Каким образом лучше реализовать такую карту на canvas?

WbICHA,

опечатка же.)

Мда...) сорян)

Если так, то да, но тогда, имхо, лучше сделать наоборот, свг держать дисплей нон и когда надо диплей блок/флот/что угодно. Причём можно сделать визабилити хайден или опасити 0, чтобы даже теоретического мерцания не было.

Тут, конечно, в теории всё прикольно, но когда до дела дойдёт, только тогда смогу понять, чё подходит, а что нет (практики во фронте у меня мало, поэтому многое по факту уже смотрю, тестирую). Чёто сколько сегодня читаю про свг, тем больше он меня пугает. Теперь даже больше, чем канвас. Хз, чё делать, честно говоря. Но на сегодня я всё уже, завтра продолжу долбить

Каким образом лучше реализовать такую карту на canvas?

WbICHA,

Возможно, я чего-то не понимаю, но каким образом он может вообще подойти? Канвас же будет на переднем плане. Разве что elementsFromFoint,

elementsFromFoint даже не гуглится, нет такого метода.
А elementFromFoint я пользуюсь на странице боя, там drag&drop аватаркиперсонажа (элемент с ней само собой, это я для простоты пишу) и перемещение её по полю по центру курсора. В mousemove делаю display:none аватарки и с elementFromFoint получаю объект под ней и сразу обратно display block. Почему же здесь так же не получится?

Каким образом лучше реализовать такую карту на canvas?

WbICHA,

если канвас будет перед свг, то выделить свг курсором будет невозможно.

Почему? А elementfrompoint разве не подойдёт?

Тут как раз вообще нет проблем, будет 1 большой свг с множеством элементов внутри. Достаточно будет просто сдвигать свг. Или же просто использовать стандартные полосы прокрутки.

Погоди, не поняла сейчас вообще. Полосы прокрутки сразу исключаем. Это игра, а здесь важна любая визуальная часть. Поэтому хорошо бы сделать как drag&drop - зажал лкм в точке фона и двигаешь фон.
Но! Не получится для фона загружать картинки целиком - они весят десятки мб и размером 20000х10000px (примерно пишу). Не каждый слабый комп/ноут такое потянет. Поэтому такие картинки нарежу на квадраты и буду подгружать по мере надобности. А как с свг? Его можно загрузить целиком, да, но спозиционировать и уменьшить масштаб под текущий размер фона можно?

В целом, если что, пиши сюда, мне самому интересно, если найдутся какие-то неприятные (или приятные) нюансы, которые я пропустил.

Лады) И спасибо за всю инфу

Каким образом лучше реализовать такую карту на canvas?

WbICHA, хорошо, поняла вас насчёт динамики. Вы так настаиваете, что я всерьёз теперь думаю на свг перейти, как вы советуете. В целом вроде всё понятно, всё реально, даже для рисования можно поверх всего канвас налепить и по нему рисовать путь, по координатам потом смотреть, в какие свг попадает путь. Получится же так сделать?
И как быть с передвиганием карты? У игрока окно карты, напр. 1500х800, а картинки все от 3440х1440. Поэтому показываем всегда часть карты, и игрок её может передвигать зажав лкм.
И ещё вопрос, т.к. с свг я никогда не работала, если в фоне показана часть картинки, то нужны и только части свг, соответствующие для этой части фона. Часть фона показать просто с css, а часть свг показать можно?

Каким образом лучше реализовать такую карту на canvas?

WbICHA, для меня тут 2 основных момента - нельзя рисовать путь как в paint, нужно именно такую дать возможность игроку, да. И прямой доступ к объектам через инструмент. Т.о. можно просто в стилях объектов менять их места, удалять и менять как угодно. По мне так замучаешься все проверки на это сочинять. И будет постоянная динамика - одновременное движение и героев других игроков и их круги обзора, анимация разных объектов и природы (напр., течение воды).

Каким образом лучше реализовать такую карту на canvas?

WbICHA, откройте любую браузерную игру и вы увидите там канвас, свг используют разве что для окон с незначительной информацией, сама же игра - вся на канвасе. В данном случае свг даже не рассматривается.

Каким образом лучше реализовать такую карту на canvas?

WbICHA, не подходит. Рисовать путь надо "как в paint", поверх фона с свг надо размещать другие объекты - png картинки (хоть и со своим свг), т.е. обычные прямоугольные элементы, которые своими краями будут перекрывать другие элементы. У пользователя есть прямой доступ ко всем элементам через инструмент разработчика. Плавной последовательной анимации не сделать - только то, что может css + js. Получается как-то ещё более загонно, чем на канвасе.

Каким образом лучше реализовать такую карту на canvas?

WbICHA,

Карту можно на бекграунд

а рисовать на ней как тогда?) Вот же

Также на карте нужно отображать героя игрока, различные объекты, героев других игроков. А также, игроку, чтобы перемещать своего героя по карте, нужно рисовать путь

И потом ещё анимацию делать для разных действий.
Поняла сейчас, что вы предлагаете, но нужен канвас..

Каким образом лучше реализовать такую карту на canvas?

Можете вкратце объяснить принцип работы этого в моём случае?
Мне поверх канваса или под ним отобразить свг областей? Или так как я описала в варианте 2?

Как программисты следят здоровьем глаз, зрения или позвоночника?

Wildlife, Игру)

Как программисты следят здоровьем глаз, зрения или позвоночника?

KhasanM, лучше приобретать мониторы с матрицей на одной из этих технологий: Технология IPS (In-Plane Switching), Технология VA (Vertical Alignment). У меня 2 монитора с каждой из этих технологий: первый с VA 100Гц, второй с IPS - 60Гц. Работаю часто до 14 часов в день, глаза не болят.

Результат кнопок Like / DisLike выводятся на страницу, только после её обновления и страницы БД обновления. Почему??

Web-Building, с phpMyAdmin всё в порядке, чтобы в нём отобразились изменения в бд нужно обновлять страницу, он та работает.
По поводу var_dump($like); и не поможет решить проблему, но он должен вывести содержание $like. Вам надо понять, что вы отправляете этим $like. Т.к. ошибка

Uncaught SyntaxError: Unexpected token < in JSON at position 0

говорит о том, что в json передан undefined. Вот и разберитесь с $like, который отправляете в ответ.

Результат кнопок Like / DisLike выводятся на страницу, только после её обновления и страницы БД обновления. Почему??

Web-Building, Смотрите в своём counter.php через var_dump($like); а потом var_dump(json_encode($like)); Я проверила ваш код, убрав всё связанное с бд - в data приходит число, как положено. Поэтому смотрите на стороне php.

Результат кнопок Like / DisLike выводятся на страницу, только после её обновления и страницы БД обновления. Почему??

Web-Building, Ну вот, вы добрались до ошибки. Напишите

success: function (data) {
                console.log(data);
            },

Что в data то приходит?