Реализовать редактор элементов для игры (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],
...
]
}
- Требования и пожелания к оформлению:
- черный фон
- удобный и понятный интерфейс взаимодействия с элементами управления
- значки и элементы управления не налазят друг на друга и легко читаются
Załączniki 2
-
Документ закрыт
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Poprawić CSS/DOM-układ kart w rozszerzeniu Chrome dla lokalizacji D&D BeyondJest to rozszerzenie Chrome Manifest V3, które lokalizuje stronę D&D Beyond na język ukraiński. Projekt napisany jest w TypeScript + WXT. Rozszerzenie działa poprzez skrypt zawartości: znajduje angielski tekst na stronach D&D Beyond i zastępuje go ukraińskim tłumaczeniem.… Układ HTML i CSS, Javascript & Typescript ∙ 2 godziny 2 minuty temu ∙ 13 ofert |
Moduły dla strony na Laravel
330 PLN
Moduł dostawy i płatności dla strony https://novabook.top/ (Botble CMS / Laravel) Dodać w checkout wygodne metody dostawy i płatności (w tym ratalne), w podobnym stylu i wygodzie jak na stronie mirson ua.Dostawa (obowiązkowo) Nowa Poczta Oddział Paczkomat Kurier na adres… Javascript & Typescript, PHP ∙ 8 godzin 5 minut temu ∙ 18 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 212 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 11 godzin 2 minuty temu ∙ 81 ofert |
Animacje Gsap
83 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 16 godzin 48 minut temu ∙ 17 ofert |
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 12 godzin temu ∙ 28 ofert |