1.5 KiB
1.5 KiB
Передвигать мяч по полю
[importance 5]
Сделайте так, что при клике по полю мяч перемещался на место клика.
[iframe src="solution" height="260" link]
Требования:
- Мяч после перелёта должен становиться центром ровно под курсор мыши, если это возможно без вылета за край поля.
- CSS-анимацияне обязательна, но желательна.
- Мяч должен останавливаться у границ поля, ни в коем случае не вылетать за них.
- При прокрутке страницы ничего не должно ломаться.
Решение лучше делать в два этапа.
- Первый этап -- мяч сдвигается левым-верхним углом под курсор мыши.
- Второй этап -- мяч сдвигается центром и добавляется проверка на край поля.
Замечания:
- Код не должен зависеть от конкретных размеров мяча и поля.
- Текущий HTML/CSS нельзя менять, можно лишь "украшать" (анимация).
- Вам пригодятся свойства `event.clientX/event.clientY`
[edit src="task" task/]