Анимация и перетаскивание элемента canvas в определенную точку?
Почитать про анимации можно тут: https://learn.javascript.ru/js-animation
про рисование на канвасе - https://developer.mozilla.org/ru/docs/Web/API/Canv...snippet
1. Делаешь сетинтервал с частотой 16мс и каждый тик меняещь координаты зеленого куба на +1пиксель. Проверяешь координаты, если совпадают с  не закрашенным, удаляешь сетинтервал.
2. Проверяешь по координатам, если пользователь кликнул на красный блок, вешаешь обработчик  на mousemove и меняешь координаты красного на координаты позиции курсора.