html фон матрица для сайта

1-07-2018, 20:11
5 227
0
Каждый разработчик сайта думает как удивить своих пользователей именно фоном,и вот держите матрицу через  html 

Код для вставки.
<canvas id="q" onmousemove="color_random()">
</canvas>
<script>

var width = q.width = 2200;
var height = q.height = 1300;
var letters = Array(256).join(1).split('');

var draw = function () {
q.getContext('2d').fillStyle='rgba(0,0,0,.05)';
q.getContext('2d').fillRect(0,0,width,height);
q.getContext('2d').fillStyle='rgba(0,327,217,' + ( Math.random() * 5 + 0.80 ) + ')';;
letters.map(function(y_pos, index){ text = String.fromCharCode(65+Math.random()*33);
x_pos = index * 10;
q.getContext('2d').fillText(text, x_pos, y_pos); letters[index] = (y_pos > 758 + Math.random() * 1e4) ? 0 : y_pos + 10;
});
}; setInterval(draw, 50);
function color_random(){ q.getContext('2d').fillStyl = 'red';
}
</script>

 

[/xfgiven_download2]
!!!ВНИМАНИЕ!!! Данный материал предоставлен сайтом f-ferma.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое!"
Опубликовал администратор
Похожие публикации
Готовый лендинг высотных работ
Скачать бесплатно Готовый лендинг по услугам альпинистов
HTML5 шаблон магазина
Привета всем.Держите неплохой стиль магазина GABENKEYS, это чисто HTML!
Красивая заглушка для сайта на HTML
Изображения фона изменяются постоянно, можно установить своё время, написать свой текст, есть форма обратной связи, все контакты и важная информация! всё что нужно. Особенно пригодится тем кто хочет приостановить свой сайт на ремонт.
Заглушка сайта HTML5 с двигающимся фоном
щё одна интересная заглушка для вашего сайта! Она написана на HTML5, подойдёт любому, так как многое в ней вы сами сможете изменить. Если ваш сайт находится на ремонте, то этот скрипт как раз для вас
Комментарии
Добавить комментарий
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация
Топ Комментарии Архив
Андрей
Videohom.ru пишет:
Вышло обновление v1.1.0 Backend:Добавлен раздел настроек сайта.На главной странице можно просматривать статистику по
Алексей
alexmvdf пишет:
Не работает модуль Задания, как исправить?
Влад
Kekz пишет:
Скрипт хороший, рабочий! Файлы к нему подходят от пабличного linkslot_12_09_2015. Единственно что немного отличается
Timofey
timasik2014 пишет:
timasik2014, ВИДЕО ДЕМО https://youtu.be/Y0eBT_YFuU0
«    Июнь 2023    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
2627282930 
Март 2023 (2)
Январь 2023 (1)
Декабрь 2022 (2)
Ноябрь 2022 (2)
Октябрь 2022 (4)
Сентябрь 2022 (3)