Сделать "Колесо Фортуны" на vuejs3

Задание закрыто
Статус рабочей области:Поиск исполнителя
Стоимость:Договорная
Срок выполнения:2 дня
Варианты оплаты:Планируется использовать Безопасную сделку
Дата публикации:2023-10-18 12:24
Был на сайте:2025-05-24 09:50

Сделать "Колесо Фортуны" на vuejs3

 
Задача

Требуется создать "колесо фортуны" на vuejs3
- Сегменты могут содержать изображения или текст
- Выпадающий сегмент дожен задаваться.
- Во время вращения, сегмент который проходит под стрелкой долже увеличиваться и отображается его имя, в остальных случаях только изображение.


Логика работы такая, пользователь нажимает "Вращать", колесо начинает бесконечно крутится с одной скоростью пока не придут данные от апи (например минуту крутится, потом приходит ответ апи или ошибка и она останавливается на указаном поле).

По поводу бесконечного вращения, многоие говрят, что не знают как это сделать или очень сложно, вот простой пример https://codepen.io/joseluisq/pen/AqrEoz

Это:
setTimeout(function(){
_wheel.addClass(that.get('data-speed'));
}, 5);

И всё что останется - подсчитать в какой момент нужно убить setTimeout что бы оно остановилось в нужном месте

Вся информация для колеса предостаялется из апи в формате json. Есть пример данных.
Апи прикручивать не надо.
Есть дизай...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Артём Чумарный
Артём Чумарный diudvec8
Основная специализация: Веб-разработка и Продуктовый дизайн
    Здравствуйте, готов выполнить Ваш заказ. Качественно и в сроки.

    https://www.instagram.com/labratoria.modern

    +380985148051 всегда на связи в мессенджерах

    Примеры моих работ

    haveneverbeenthere - путешествия и туризм
    BPV Construction Inc - корпоративный сайт
    Национальная энциклопедия кафе и ресторанов Украины
    Alexandr Alexandrov
    Alexandr Alexandrov gglalex
    Основная специализация: Веб-разработка и Продуктовый дизайн
    Здравствуйте. Готов выполнить вашу задачу с "Колесом Фортуны" на vuejs3. Пример с codepen полезен и действительно, вращение можно сделать с помощью setTimeout.

    Примеры моих работ

    Календарь на swift
    web app
    site

    Оставлять заявки могут только авторизованные пользователи.

    Другие открытые задания:

    Название - Карточки товаров700 р.

    Бюджет: 700 р. Мы ищем специалиста для размещения объявлений на известном маркетплейсе В нашу команду срочно требуется специалист для публикации готовых объявлений на одном из …

    Разработка веб-интерфейса интерактивного тренажера на базе Vue.js, 10 рабочих дней80 000 р.

    Бюджет: 80 000 р. Мы — Пульсар Продакшн — IT-компания, которая 9 лет создает образовательные решения для корпораций и государственных структур. Мы работаем с крупными заказчиками, им…

    Заполнение объявлений на маркетплейсах600 р.

    Бюджет: 600 р. Нужны опытные специалисты для оперативного и качественного размещения рекламы на крупном торговом ресурсе. Ваша задача заключается в наполнении заранее созданных ша…

    поиск заданий