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