Архив: Доработка редактора квестов

Бюджет 167$ / 10000
руб
в месяц
Создан: 4 года назад
Закрыт
Описание
Мы создали игру Интердия. Игра полностью реализована в виде веб-сайте. Один из компонентов игры – текстовые квесты. Игрок перемещается от одного экрана к другому, выбирая доступные действия (пощупать руками можно тут https://interdia.ru кнопка «Квесты»).

Для создания квестов используется редактор (тот же сайт, кнопка «Редактор»), в котором создается структура квеста. Процесс создания аналогичен написанию блок-схемы. Пользователь добавляет блоки действий и задает условия их отображения в игре. Блоки и действия соединяются стрелками. Блоки можно двигать по схеме мышкой.
Редактор написан на jQuery. Данные для загрузки запрашиваются с сервера и присылаются в формате json. Стрелки, соединяющие блоки, в формате svg.
Проблема – в настоящий момент стрелки не обтекают элементы схемы, а идут сквозь блоки. Это некрасиво.

Что требуется сделать (в скобках указаны ссылки на номер примера в приложении):
Создать на jQuery подключаемый плагин, который будет работать вместе с редактором и отрисовывать красивые стрелки. Что значит красивые:
1. Стрелки разного цвета (из набора).
2. Соединяя два блока, стрелки должны обтекать все прочие блоки, которые находят на их пути. Пересечение других стрелок допускается (1).
3. При изменении направления углы линии должны быть скруглены (1).
4. При изменении расположения блоков соединительные линии должны быть отрисованы заново (отрисовка стрелки в момент перемещения блоков необязательна, однако в этом случае должны отрисовываться как минимум прямая соединительная линия, то есть так как отображаются сейчас).

Плагин должен, как минимум, принимать в качестве входящих параметров:
1. Толщину линий
2. Форму наконечника стрелки
3. Набор цветов, которые будут использоваться для отображения стрелок

Как должны соединяться блоки.
1. Сейчас место входа стрелок в блок рассчитывается по размеру блока. Входят стрелки через левую сторону, все в единое место (2). Требуется сделать так, чтобы стрелки входили в блоки в оптимальных для отображения точках (3) – например, расположить в каждом блоке набор якорных элементов, в которые будут присоединяться стрелки.
2. Стрелки должны «обтекать» блоки, не пересекая их. Если блок А находится на блоком Б, то стрелка от А должна входить в Б сверху, а не сзади (4, 5, 6).

Точки выхода стрелок из блоков стационарны, из доработка не требуется.

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

Похожие проекты

safe$22
9 0
требуется готовую онлайн анкету на django по приему на работу перенести в whatsapp, telegram и viber. Нужно чтобы кандидат мог с удобством заполнять анкету с телефона, а все заполненные им данные по всем позициям автоматически загружались в нашу базу данных. В нашей базе будет создаваться резюме кандидата......
safe 
28 0
В наличии массив кадастровых номеров (КН), необходимо путем запроса на ПКК определить примерные географические координаты каждого объекта из массива КН (ОКС, ЗУ), вывести в результирующий файл эти ко-ты и ряд сопутствующих данных по этому КН....
1 год назад
safe 
44 1
Необходимо разработать бек и фронт мини-сервиса таким образом, чтоб его можно было развернуть внутри другого проекта....
safe$1111
23 0
Стоит на Бизнесе для своих нужд на простеньком базовом шаблоне, складываю туда контент потихоньку. Нужно начинать приводить в соответствие что бы публика сразу не убегала, а как то цеплялась, да и продвигать не торопясь. Шаблон где порвался от вставки баннеров подправить, для мобилок может сверстать.......
safe$22
55 0
Парсер для сайта stockx. com на питоне (selenium/pyppeteer). Необходим следующий функционал: 1. На главной странице с поиском по ключевым словам найти первый результат из поиска (ссылку на страницу товара) ....
1 год назад
safe$44
49 0
Трипланарная транспортная задача (отправители - транспорт - получатели) генерация исходных данных трехэтапное решение 1....
safe$1111
48 0
Требуется написать парсер маркетплейса, у которого есть только мобильное приложение (IOS, Android). Есть исходный код Android приложения (Java + Kotlin), реверснутый через JADX. Необходимо парсить данные о товарах, полученные по артикулу. За подробностями тг: @markermann)....
1 год назад
 
38 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
36 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
37 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
31 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
40 1
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
$22
59 1
В Геткурсе нужно сделать интеграцию со Сбербанком для оформления рассрочки/кредита. Основная задача – передача суммы и номера заказа при переходе для оформления рассрочки и возврат сведений при удачном оформлении. Эквайринг от Сбербанка к Геткурсу подключён, а готовой интеграции для рассрочки нет. Если......
1 год назад
 
96 0
Нужно сделать бот перехватчик заказов по фильтру такси Максим!...
1 год назад
$33
75 1
Как можно загрузить готовое фото из галереи, если приложение просит загрузить фото и при этом открывает камеру телефона? Нужно вместо использования реальной камеры смоделировать вход камеры и при этом загрузить фото из галереи....
1 год назад
 
117 3
Очень простой криптообменник в виде веб-сайта. Без смарт-контрактов и т. Все платежи вручную....
Смотреть все