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

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

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

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

Войти через центр авторизации
Похожие вопросы