Картинки которые движутся за курсором

Задается размер по которому будет бегать зрачок. Круг двигается вслед за движением мыши, но более ранние позиции круга не стираются. Положение круга будет меняться в зависимости от того, где именно находится курсор мыши.

Расположение зон для движения зрачков.

Мы с вами уже реализовывали простой параллакс эффект в предыдущей статье.

Поставим картинку, которая будет бегать за курсором поверх остального контента.

Допустим есть стрелка, она должна всегда показывать в сторону курсора.

Координат начинается с левого верхнего угла, картинка всегда у меня будет по правую сторону курсора, и из-за этого происходит мои рывки, скажи моя логика не верна.

Правда, она будет при этом занимать место в макете сайта.

Это создает эффект рисования пальцем не совсем то, чего мы добивались.

Если картинки не лежат в той же папке что и стили, то укажите правильный путь.

Помогите пожалуйста написать скрипт, вращающий картинку за курсором.

Интересует способ реализации подобной динамики на сайте, когда двигаешь мышкой, а картинка или текст плавно двигаются по направлению движения.

Получение позиции курсора мыши.

В отличие от предыдущего примера, мы не будем использовать готовую библиотеку.