Двигающееся за курсором существо

Обратите внимание, что данная анимация использует библиотеку p5, которая имеет приличный размер (800 кб.). Поэтому используйте ее с осторожностью, и там где это не будет мешать пользователям.

Пример:

HTML:

<div id="creature"></div>

1	<div id="creature"></div>

CSS:

#creature {
	height: 500px;
	margin: 20px 0;
}

#creature {

height: 500px;

margin: 20px 0;

}

JS:

Подключаем:

Найдено на codepen.io у пользователя Sean Free

Подписывайтесь на публикации Там наиболее интересные заметки без рекламы и другой ненужной информации.

Протестировать на смартфоне Открыть QR-код для перехода на эту страницу с телефона

Помощь по установке кода Ответы на часто задаваемые вопросы и решение типовых ошибок и проблем

Страница находится в стадии разработки

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

Опубликовано: 21.01.2022
Рубрики: Фоны и паттерны
Метки: JavaScript, p5
6649 просмотров

Смотрите также:

Фон с рандомными окружностями

Фон со случайно расположенными окружностями для блока, секции или всей страницы

Случайные фрактальные окружности

Фоновый эффект на jQuery, создающий случайные фрактальные окружности разных цветов

Следующая за курсором клякса

JavaSript и SVG фильтр для создания анимированной кляксы, которая следует за курсором

Добавить комментарий:

Ваш комментарий отправлен!