Размер канваса с эффектом задается его контейнером через CSS
HTML:
1 2 3 |
<div class="webgl-wrap"> <canvas id="webgl"></canvas> </div> |
CSS:
1 2 3 4 |
.webgl-wrap { width: 100%; height: 600px; } |
JS:
Подключаем скрипт endless.js (в нем используется текстура noise.png).
Пример:
Найдено на codepen.io у пользователя Liam Egan
Смотрите также:
3 эффекта с движущимися частицами, которые реагируют на движение курсора мыши
Эффект со случайным турбулентным фоном для блока или секции
Фон для блока или страницы с летающими призраками, написанный на JS
Добавить комментарий:
Ваш комментарий отправлен!
fps просто в 0, удаляй 😀
cyberpank даже так не лагает