Для сайта сделать функцию при вызове которой появляется
жучок который летает по экрану, а затем залетает и останавливается на
элемент переданный в функцию имени по id эелемента (<a href),
после чего при наведении на него мышкой – жучек пропадает.
Оформить в виде функции с входными параметрами.
Делается для desktop версии.
Траектория палёта – рандомная.
Нужно сориентировать голову жучка по направлению полёта -
изначально иконка жучка строго головой вверх.
Параметры -
радиус полетов от центра в процентах от ширины экрана -
не жестко но алгоритм траектории должен учитывать
это значение и нежестко на него ориентироваться
- чем дальше за границей указанной зоны тем меньше
вероятность продолжить движение в направлении от центра.
скорость полета. относительная – в любых единицах, главное чтобы
можно было задать, также можно допустить конфигурируемй люфт
в процентах, к примеру 3 +- <10>%.
время полета в секундах после чего жучек стремиться сеть
на заданные элемент по его ID, сохраняя свою скорость.
Также параметры которые позволят настраивать на сколько
жучек резкобыстро изменять траекторию, чтобы можно
было заставить его летать кругами, или почти по прямой
линии только немного отклоняясь от направления выбранного
в стартовой точке при его появлении на странице.
Изначально жучек просто появляется на странице
в точке от горизонтального и вертикального центра
с +/- узканные значения в % от ширины и высоты экрана
соответственно. типа start_luft_horizontal_percent=5%
start_luft_vertical_percent=3%.
Как вы поняли ваша функция будет вызываться когда
посетитель махнет мышкой вверх, чтобы закрыть вкладку
просто для удержания внимания и в конечном этоге
для акценте внимания на определенной ссылке <a
После того как жучек сел на элемент – поставить событие
что при наведении на него – все элементы связанные с жучком,
и обработчики со страницы убираются.
Если вызвать функцию два раза – будет два жучка, так что контейнер
со всеми элементами нужно сделать с уникальными id типа bugfly_3556
каждый instance жучка будет иметь свой ID.
Допускается использование одной глобальной переменной для контроля instance'ов.
Если вы что-то гуглили как сделать в процессе написания кода – тут же где пишем
блок кода оставляем комментарий в виде //http адрес откуда брали "вдохновение".
К примеру я не поню как сделать slice массива – я гуглю и в месте где применяю
решение оставляю ссылку на то где нагуглил. также документируем другие
вещи которые стоит.
Время на реализацию – не ограничено.