Анимированные фоны с холстом

Анимированные векторные фоны могут разнообразить веб-ландшафт, характеризующийся полноэкранными фотографиями и видео. Было бы хорошо, если бы это сопровождалось временем загрузки и широкой аппаратной и программной поддержкой. Одно из решений: холст. Элемент HTML, управляемый JavaScript, поддерживается всеми текущими браузерами и воспроизводится с высокой производительностью на мобильных устройствах.


Настоящая сила заключается в том, что холст заполняется только кодом, что открывает совершенно новые возможности в качестве приятного побочного эффекта: например, фракталы или другие повторяющиеся элементы могут быть созданы с небольшими усилиями с использованием рекурсивных функций. Я подготовил здесь небольшую демонстрацию того, как все это может выглядеть:

Canvas Background by David Vielhuber

Конечно, холст также можно использовать в играх, рекламе, визуализации данных или искусстве. На мой взгляд, во времена 4К и постоянно масштабируемых веб-сайтов у этой менее известной технологии есть большой потенциал. В сочетании со статическими элементами SVG векторная графика наконец-то выходит на сцену в Интернете, которую она всегда заслуживала.

Назад