Задать вопрос
@illiatovpeko
Самолепный ВебдевелопЁр

Как можно реализовать такую анимацию?

Нужно анимировать движение рычага, который пользователь дёргает на себя (как в игровом автомате). Даны изображения основы рычага и его набалдашника. Посредством какой технологии можно реализовать подобное? Нужна хотя бы принципиальная схема. Я начинающий и как-то не совсем понятно, как это реализуется.
На примере, который был мне предоставлен (к чему нужно стремиться), реализация выглядит как имитация 3D-объекта. Реально ли сделать подобное на баз пары изображений, которые я упомянул?
  • Вопрос задан
  • 373 просмотра
Подписаться 1 Средний 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Специализация Frontend-разработчик
    9 месяцев
    Далее
  • Хекслет
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
sergey_st
@sergey_st
Посмотри как тут сделано https://codepen.io/svenfinger/pen/NGGEXR
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
YumeReaver
@YumeReaver
Бургомистр
Можно с помощью jQuery UI - draggable. У наболдажника рычага задаем перемещение только по оси Y с ограничением в крайних положениях (начальное и конечное). Сам рычаг нарисовать на CSS прямоугольником до наболдажника. Длину рычага меняем jQuery.
При отпускании наболдажника (очень нравится это слово) запоминаем ось Y и возвращаем в изначальное положение. Если Y = конечному положению - запускаем рулетку.
Все изображения можно сделать на CSS.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Лига Роботов Новосибирск
от 65 000 до 85 000 ₽
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽