React-компонент в виде вращающейся рулетки
408 PLNЗдравствуйте, дорогие коллеги!
Цель:
На своем ютуб канале https://www.youtube.com/c/HikariSenshi/
Я планирую провести розыгрыш аккаунтов из игры Pubg Mobile, а также разных наушников и прочих призов.
Мне нужна анимированная рулетка, которая будет вращаться после нажатия и выбирать случайное значение,
среди секторов размещенных на ней. Обращаю внимание, что просто использовать функцию Math.random недостаточно, так как нужна именно "повышенная случайность" . Поэтому желательно их комбинировать.
ТехЗадание:
Здесь вкратце описаны мои требования
- Рулетка должна быть компонентом одного из топ-3 фреймворка
- Рулетка должна быть доступна в мобильной версии
- Логика
- Рулетка должна вращаться по нажатию и выбирать один из секторов случайным (или не очень) образом, повторений быть не должно
- Рулетка должна поддерживать консольные команды, которые позволяют управлять ее элементами
- addSector()
- removeSector()
- setGroupChance()
- setNextPrize()
- Состояние рулетки должно меняться для всех пользователей
- Доступ к запуску рулетки должен быть только у победителей
- Нужна будет базовая авторизация; данные можно хранить хоть в текстовом файле и парсить сплитом, вообще фиолетово
- Если вы прочитали тз, включите в ставку слово hikari
- Требования к виду
- Рулетка состоит из трех ключевых элементов
- Внешний круг
- Должен смотреться красиво, смысловой нагрузки не несет. Представляю его как деревянный ободок, обсуждается
- Собственно рулетка
- На рулетке должны располагаться секторы с призами
- Чем больше секторов тем меньше их доля от круга 360, думаю это понятно
- Элементы на секторах не должны вылезать за его пределы, а также должны быть различимыми
- Секторы которые уже выиграны, должны быть затемненными, и явно отличаться от доступных, призы на них также должны быть различимыми
- При нажатии на сектор должна открываться модалка с данными о призе. Если это аккаунт, то это ник, айди, краткое описание его ключевых преимуществ, ссылка на видеообзор
- Если это деньги или наушники, то тогда другие характеристики
- Данные можно хранить в пропсах, тут по желанию исполнителя
- Анимация вращения
- Можно реализовать ее разными путями, можно сделать чтобы рулетка вращалась, и сверху стрелка показывала на приз. Можно просто чтобы секторы поочередно закрашивались специальным цветом, и затем закрашенным становился в итоге выигранный приз
2.Затем должно всплыть анимация выигранного приза, это должно выглядеть более-менее красиво, в случае если приз не выигран, это так называемые нулевые сектора, тогда плачущий смайл
- Можно реализовать ее разными путями, можно сделать чтобы рулетка вращалась, и сверху стрелка показывала на приз. Можно просто чтобы секторы поочередно закрашивались специальным цветом, и затем закрашенным становился в итоге выигранный приз
- Виды призов
- Секторы 0
- Секторы с красным крестиком, при нажатии должно отображаться сообщение, если рулетка попадет сюда, значит вы проиграли
- Секторы с деньгами, можно использовать картинку с деньгами, в зависимости от их количества, либо мешочки рисовать, по желанию
- В описании категория: реальные деньги и количество: х
- Секторы с вещами
- Пока планируются аирподсы и напальчники
- Секторы с аккаунтами
- ID
- Nickname
- Ссылка на видос
- Краткое описание
- История аккаунта
- Секторы 0
- На рулетке должны располагаться секторы с призами
- Внешний круг
- Рулетка состоит из трех ключевых элементов
- Дополнительно: никаких дыр в логике, все должно отрабатывать четки и без "приветов" на стримах, в том числе и команды. Также рекомендую выводить в консоль дебаг информацию, чтобы не было сюрпризов
- Бюджет можно расширить
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Animacje Gsap
82 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 ∙ 4 godziny 12 minut temu ∙ 12 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 ∙ 23 godziny 29 minut temu ∙ 25 ofert |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 2 dni 3 godziny temu ∙ 18 ofert |
Aktualizacja projektu na stronieTrzeba zaktualizować design istniejącej strony internetowej używając HTML, CSS, JS: odświeżyć wygląd, uczynić go nowoczesnym i responsywnym na urządzenia mobilne. Wymagana jest dodanie płynnych animacji i interaktywnych elementów. Układ HTML i CSS, Javascript & Typescript ∙ 2 dni 20 godzin temu ∙ 89 ofert |
Konsultacja i audyt bieżącego projektu na Odoo 19 Community EditionSzukamy programisty Odoo — samodzielnego dewelopera z doświadczeniem w pracy z Odoo 19 Community Edition, w tym z wykorzystaniem Claude Code. Potrzebujemy specjalisty, który ma zrealizowane projekty w Odoo oraz praktyczne doświadczenie w programowaniu z użyciem Claude Code.… C i C++, Javascript & Typescript ∙ 3 dni 2 godziny temu ∙ 7 ofert |