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

1-07-2018, 20:11
647
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>

 


!!!ВНИМАНИЕ!!! Данный материал предоставлен сайтом f-ferma.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое!"
Опубликовал администратор
Похожие публикации
Готовый лендинг высотных работ
Скачать бесплатно Готовый лендинг по услугам альпинистов
HTML5 шаблон магазина
Привета всем.Держите неплохой стиль магазина GABENKEYS, это чисто HTML!
Красивая заглушка для сайта на HTML
Изображения фона изменяются постоянно, можно установить своё время, написать свой текст, есть форма обратной связи, все контакты и важная информация! всё что нужно. Особенно пригодится тем кто хочет приостановить свой сайт на ремонт.
Заглушка сайта HTML5 с двигающимся фоном
щё одна интересная заглушка для вашего сайта! Она написана на HTML5, подойдёт любому, так как многое в ней вы сами сможете изменить. Если ваш сайт находится на ремонте, то этот скрипт как раз для вас
Комментарии
Добавить комментарий
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Топ Комментарии Архив
soroca пишет:
tihiy,Увы,нет сервера на тет данного скрипта.Рекомендуется сервер для работы.
Александр
tihiy пишет:
Как это исправить ??? Sorry, the page you are looking for could not be
lamer пишет:
Большое спасибо Sorosa
lamer пишет:
Спасибо, побольше такого контента надо.
Всего на сайте: 11
Пользователей: 0
Гостей: 11