Реализовать редактор элементов для игры (javascript, canvas)
Цель редактора: создавать фигуры состоящие из точек так чтобы расстояния между точками были максимально одинаковым.
На выходе: данные о точках и связях в формате JSON
Технологии: javascript, canvas
Подробное ТЗ по функционалу в файле https://docs.google.com/document/d/1XRlfKKAGRS_aaFmw6szol2pDiqIkMXZ2OKq1mXp3a3A/edit?usp=sharing
Необходимый функционал:
- Указать радиус взаимодействия точек
- ползунок на канвасе в масштабе 1:1 (чтобы сразу можно было оценить масштаб фигуры)
- Добавить точку
- точка отображается в виде круга (диаметр 20..30 пикселей)
- Действия с точкой
- возможность перемещать точку
- удалить точку
- также удаляются линии связи с этой точкой (линии связи смотри ниже)
- зафиксировать точку (нельзя двигать, не меняет положение при расчетах)
- рядом с точкой отображается значок что точка зафиксирована
- отобразить радиус
- окружность пунктиром (радиус - “радиус взаимодействия точек” см. выше)
- радиус автоматически отображается при наведении на точку
- добавить линию связи
- указывается вторая точка с которой устанавливается связь
- связь отображается в виде линии между точками
- Действия с линией связи
- удалить связь
- зафиксировать длину (при перемещении точки меняется угол)
- зафиксировать угол (при перемещении точки меняется длина)
- рядом с линий отображается:
- включенные опции фиксации
- процент соответствия длины линии заданному радиусу взаимодействия точек
- цветовой индикатор соответствия длины
- зеленый: более 99.5%
- желтый: более 98%
- оранжевый: более 95%
- красный: менее 95%
- Выровнять связи
- Процесс:
- Выбирается целевая точка которую необходимо переместить
- Все связи этой точки должны быть свободными (угол и длина)
- Выбираются 2 опорные точки относительно которых необходимо выровнять позицию
- На пересечении окружностей (по “радиусу взаимодействия точек”) предлагается два варианта размещения (смотри доп материалы рис 1)
- При клике на предложенное размещение целевая точка перемещается в него
- Предложить линию перемещения
- линия перпендикулярна линии проведенной между опорными точками
- линия проходит через центр линии между опорными точками
- при клике на линию целевая точка перемещается на нее
- при перемещении целевой точки она перемещается только по линии перемещения
- Процесс:
- Экспорт
- экспорт координат и связей точек в формате JSON
{
dots: [
{
id [int],
x [float],
y [float]
},
...
],
links: [
[dot_id_1, dot_id_2],
...
]
}
- Требования и пожелания к оформлению:
- черный фон
- удобный и понятный интерфейс взаимодействия с элементами управления
- значки и элементы управления не налазят друг на друга и легко читаются
Приложения 2
-
Документ закрыт
-
Актуальные фриланс-проекты в категории Javascript
Добавление нового функционала на существующий проект (ReactJS)Доброе время суток! Ищем ReactJS разработчика, чтобы помочь нам добавить новый функционал к существующей платформе. Необходимо сверстать новые странички, и подружить с API. С дизайном новых страниц, можно ознакомиться по ссылке ТУТ API готов. Подробности работы с API уже… Javascript, Веб-программирование ∙ 6 ставок |
Написать расширение для Google Chrome
849 UAH
Нужно расширение под для Google Chrome ( фейк прогноз следующего числа либо цвета под казино ) Нужно чтобы запоминались последние введенные цифры и при нажатии кнопки выдавалось случайное число Также нужно чтобы запоминался введенный цвет и при нажатии кнопки показывало… Javascript, Веб-программирование ∙ 4 ставки |
Исправить лендинг для Google Ads, очистить скомпрометированные ссылкиНужен специалист, чтобы очистить скомпрометированные ссылки с сайта https://armadom.com.ua/ (лендинг делался на вебфлоу) Поддержка гугла пишет: очистить скомпрометированные ссылки, добавленные ниже: cdnmetric[.]com/ Пишите, кто уже сталкивался с таким и знает, как… Javascript, Веб-программирование |
Laravel + VueJS + InertiaJSДобрый день, написан проект, он рабочий и готов к запуску. Кроме одного нюанса. SSR(Server Side Rendering) очень медленно работает, при запуске бота для проверки нагрузки - сайт падает спустя 3-4 минуты. Если в процессе проверки перезапускать SSR - работает но очень медленно.… Javascript, PHP ∙ 2 ставки |
Написание софта для создания Open Book в сети Solana
4200 UAH
В процессе создании взаимозаменяемых токенов (SPL token) в сети Солана необходимо автоматизировать процес по созданию Open Book для токена и ускорить его за счет повышения комиссий на транзакцию . Функции софта: -Создавать Open Book -Устанавливать предел "чая" на… Java, Javascript |