Размер канваса с эффектом задается его контейнером через 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
Смотрите также:
Фоновый эффект с бесконечным увеличением многоугольников
Эффект, который накладывает на слой бесконечное количество звездочек
Красивая анимация фона блока или страницы, создаваемая с помощью заданной картинки
Добавить комментарий:
Ваш комментарий отправлен!
fps просто в 0, удаляй 😀
cyberpank даже так не лагает