@oelena

Анимация и перетаскивание элемента canvas в определенную точку?

Например у нас есть зеленый и красный квадраты нарисованные на канвас. Как сделать так, чтоб зеленый переместился анимацией на не закрашенный блок внизу, а красный можно было мышкой перенести тоже в нижний не закрашенный блок под ним (и только туда и никуда более)?
В какую сторону смотреть и что можно почитать по данному вопросу? Хорошо бы еще посмотреть это все в примере.
  • Вопрос задан
  • 33 просмотра
Решения вопроса 1
RAX7
@RAX7
Почитать про анимации можно тут: https://learn.javascript.ru/js-animation
про рисование на канвасе - https://developer.mozilla.org/ru/docs/Web/API/Canv...
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@vadimMalovaniy
1. Делаешь сетинтервал с частотой 16мс и каждый тик меняещь координаты зеленого куба на +1пиксель. Проверяешь координаты, если совпадают с не закрашенным, удаляешь сетинтервал.
2. Проверяешь по координатам, если пользователь кликнул на красный блок, вешаешь обработчик на mousemove и меняешь координаты красного на координаты позиции курсора.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
AnyChart Иркутск
До 100 000 руб.
Duotek Москва
от 110 000 до 150 000 руб.
Профит-лабс Москва
от 3 000 до 4 500 usd.
15 нояб. 2019, в 16:24
5000 руб./за проект
15 нояб. 2019, в 16:13
5000 руб./за проект
15 нояб. 2019, в 15:49
10000 руб./за проект