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

1-07-2018, 20:11
372
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, подойдёт любому, так как многое в ней вы сами сможете изменить. Если ваш сайт находится на ремонте, то этот скрипт как раз для вас
Комментарии
Добавить комментарий
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Топ Комментарии Архив
Алексей
lehashans пишет:
администратор,Админка и правда не работает. а так красивый скрипт.
lamer пишет:
Спасибо за вап скрипты, я из них беру графику и сценарий игры и делаю игры из вап на андройд))). Побольше скидывате
Алексей
lehashans пишет:
kain76,СНАЧАЛА ПЕРЕЙДИ ПО ССЫЛКЕ ПОТОМ ВЕРНИСЬ И КАЧАЙ.
test1 пишет:
база не заливается.очередной мусор
Всего на сайте: 7
Пользователей: 0
Гостей: 7