Загрузка...

[КРАСИВО] Матрица html

Тема в разделе Веб-разработка создана пользователем Happy 23 янв 2018. 642 просмотра

  1. Happy
    Happy Автор темы 23 янв 2018 Держу курс на заебись 539 23 апр 2017
    матрица в html
    Код

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document
    </title>
    </head>
    <body>
    <canvas id="q" onmousemove="color_random()">
    </canvas>
    <!--For Matrix-->
    <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>
    </body>
    </html>

    создаём текстовый файл ВАШЕНАЗВАНИЯ.html и запихиваете туда код, запускаем дабл кликом , ??? , профит
     
  2. Help
    Help 23 янв 2018 469 12 май 2017
    БАЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯННН
     
  3. Nellon_inactive271959
    Nellon_inactive271959 15 май 2018 Заблокирован(а) 22 21 янв 2018
    Хоть и баян,но это пиздец как ахуенно,сохраню
     
  4. Nellon_inactive271959
    Nellon_inactive271959 16 май 2018 Заблокирован(а) 22 21 янв 2018
  5. rscx
    rscx 9 июн 2018 2136 17 фев 2018
    Happy, текстовый файл вашеназвание.html?
    А может создадим файл index.html что бы сайт запустился, а потом через блокнот изменить его содержимое?
     
  6. MoranLove
    MoranLove 9 июн 2018 Заблокирован(а) 59 21 янв 2018
    и вправду очень классно выглядит
     
  7. 1x0x
    1x0x 9 июн 2018 Косяк 130 25 сен 2017
    В "div" впихнуть и на бг поставить
     
Top
Загрузка...