Вход Регистрация
» Описание: падающий код как в матрице на js
» Добавил: * MazaXakep
» Время добавления: 6 Дек 2018 в 09:56
» Посмотров: 106
» textarea / Скачать
» Рейтинг: [+2 | -0]
Комментарии [1]
  1. //Cisco
  2. <?php
  3. echo "<style>
  4. *{
  5. margin: 0;
  6. padding: 0;
  7. }
  8. body {background: black;}
  9. canvas {display:block;}
  10. </style>
  11. <canvas id='canvas'></canvas>
  12. <script>
  13. var def = '?????1234567890???????????ABCDEF';
  14. var as = 'ЯЙЪЁёЬ???? ?????????????????????IVXLCDM0987654321';
  15. var as_s = 'Я Й Ъ Ё ё Ь ? ? ? ? ?????????????????????IVXLCDM0987654321';
  16. var en = 'WakeUpNeo,TheMatrixHasYou????????1234567890????????????????????????0987654321';
  17. var en_s = 'W a k e U p N e o ,T h e M a t r i x H a s Y o u ????????1234567890????????????????????????0987654321';
  18. var ru = 'ОчнисьНео,МатрицаОвладеваетТобой????1234567890????????????????????????????0987654321';
  19. var ru_s = 'О ч н и с ь Н е о ,М а т р и ц а О в л а д е в а е т Т о б о й ????1234567890????????????????????????????0987654321';
  20. var ar_s = '1234567890? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ';
  21. var ch = '??????????????????????????????????';
  22. var ch_s = '? ? ? ? ? ? ? ? ? ? ? ???????????????????????';
  23.  
  24. function TheMatrixRain(charset) {
  25.  
  26. var c = document.getElementById('canvas');
  27. var ctx = c.getContext('2d');
  28. c.height = window.innerHeight;
  29. c.width = window.innerWidth;
  30.  
  31. var font_size = 10;
  32. var columns = c.width/font_size;
  33. var drops = [];
  34.  
  35. for (var x = 0; x < columns; x++) {
  36. drops[x] = 1;
  37. }
  38.  
  39. characters = charset.split('');
  40.  
  41. var rnd = drops.slice();
  42.  
  43. setInterval(draw, 30);
  44.  
  45. function draw() {
  46.  
  47. if (Math.random() > 0.25) {
  48. ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
  49. var x_rect = Math.floor(Math.random()*c.width);
  50. var y_rect = Math.floor(Math.random()*c.height);
  51. ctx.fillRect(x_rect, y_rect, (c.width/4), ((c.height/c.height)*(font_size*10)));
  52. }
  53.  
  54. ctx.fillStyle = 'rgba(0, 0, 0, 0.03)';
  55. ctx.fillRect(0, 0, c.width, c.height);
  56. ctx.fillStyle = '#0F0';
  57.  
  58.  
  59.  
  60. for (var i = 0; i < drops.length; i++) {
  61.  
  62. if (drops[i]*font_size < c.height) {
  63.  
  64. var text = characters[Math.floor(Math.random()*characters.length)];
  65. var col_size = font_size;
  66.  
  67. if (!(i%2)) {
  68. if(drops[i] == 1) {
  69. rnd[i] = Math.random() * (1.5 - 0.7) + 0.7;
  70. }
  71. col_size /= rnd[i];
  72. }
  73.  
  74. if (!(i%3)) {
  75. if(drops[i] == 0) {
  76. rnd[i] = Math.random() * (1.5 - 0.7) + 0.7;
  77. }
  78. col_size /= rnd[i];
  79. }
  80.  
  81.  
  82. ctx.font = col_size + 'px arial';
  83.  
  84. ctx.fillText(text, i*font_size, drops[i]*font_size);
  85.  
  86. }
  87.  
  88. if (drops[i]*font_size > c.height && Math.random() > 0.965) {
  89. ctx.fillStyle = 'rgba(0, 0, 0, 1)';
  90. ctx.fillRect(i*font_size, 0, font_size, c.height);
  91. ctx.fillStyle = 'rgba(0, 188, 0, 0.5)';
  92. drops[i] = 0;
  93.  
  94. }
  95.  
  96. drops[i]++
  97.  
  98. }
  99.  
  100. }
  101. }
  102. TheMatrixRain (en_s);
  103.  
  104. </script>
  105. ";
  106. ?>
Онлайн: 4
Реклама