PixelCat

Making the pixels speak

  1. // ==UserScript==
  2. // @name PixelCat
  3. // @namespace https://github.com/pixelcattt/core
  4. // @version 0.0.1
  5. // @description Making the pixels speak
  6. // @author Timothy Lau
  7. // @match https://www.bilibili.com/video/*
  8. // @match https://www.youtube.com/watch?v=*
  9. // @license MIT
  10. // @icon data:image/png;base64,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
  11. // @grant none
  12. // ==/UserScript==
  13.  
  14. // canvas width & height
  15. const width = 640;
  16. const height = 360;
  17.  
  18. // ==! DO NOT CHANGE !==
  19. const sigma = 10;
  20. const rho = 28;
  21. const beta = 8 / 3;
  22. // ==! DO NOT CHANGE !==
  23.  
  24. /**
  25. * Equivalent to the key
  26. * !! You should ensure that the variable of x,y,z is in the range of 0-1.
  27. */
  28. let x = 0.1;
  29. let y = 0;
  30. let z = 0;
  31.  
  32. const chaoticSequence = [];
  33.  
  34. // Generate chaoticSequence
  35. const simulateLorenzAttractor = () => {
  36. const dt = 0.01;
  37. const dx = sigma * (y - x) * dt;
  38. const dy = (x * (rho - z) - y) * dt;
  39. const dz = (x * y - beta * z) * dt;
  40.  
  41. x = x + dx;
  42. y = y + dy;
  43. z = z + dz;
  44.  
  45. chaoticSequence.push(Math.abs(x));
  46. };
  47.  
  48. for (let i = 0; i < width * height * 4; i++) {
  49. simulateLorenzAttractor();
  50. }
  51.  
  52. function decrypt(imageData, seq) {
  53. let index = imageData.data.length / 4;
  54. let pixel_count = imageData.data.length;
  55. for (let i = imageData.data.length; i > 0; i -= 4) {
  56. const newIndex = Math.floor((Math.floor(seq[index] * pixel_count) % pixel_count) / 4) * 4;
  57.  
  58. [imageData.data[i], imageData.data[newIndex]] = [imageData.data[newIndex], imageData.data[i]];
  59. [imageData.data[i + 1], imageData.data[newIndex + 1]] = [imageData.data[newIndex + 1], imageData.data[i + 1]];
  60. [imageData.data[i + 2], imageData.data[newIndex + 2]] = [imageData.data[newIndex + 2], imageData.data[i + 2]];
  61.  
  62. index--;
  63. }
  64. }
  65.  
  66. function injectBilibili() {
  67. var observer = new MutationObserver(mutations => {
  68. const video = document.querySelector('video');
  69. const canvas = document.querySelector('#canvas');
  70. if (video != null && canvas == null) {
  71. let _c = document.createElement('canvas');
  72. _c.id = 'canvas';
  73. _c.style = 'display: block;z-index: 0;position: absolute;right: 0px;bottom: 0px; width: 100%; height: 100%';
  74. video.parentElement.appendChild(_c);
  75. video.style = 'display: none';
  76. video.addEventListener('play', () => {
  77. const _ctx = _c.getContext('2d');
  78. _c.width = width;
  79. _c.height = height;
  80. const loop = function () {
  81. if (!video.paused && !video.ended) {
  82. _ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight, 0, 0, _c.width, _c.height);
  83. const imageData = _ctx.getImageData(0, 0, _c.width, _c.height);
  84. decrypt(imageData, chaoticSequence);
  85. _ctx.putImageData(imageData, 0, 0);
  86. requestAnimationFrame(loop);
  87. }
  88. };
  89. loop();
  90. });
  91. }
  92. });
  93. observer.observe(document.body, { childList: true, subtree: true });
  94. }
  95.  
  96. function injectYoutube() {
  97. // Todo
  98. }
  99.  
  100. (function () {
  101. 'use strict';
  102. var strategy = {
  103. 0: injectBilibili,
  104. 1: injectYoutube
  105. }[
  106. GM_info.script.matches
  107. .map(rule => rule.replace(/\.|\*|\/|\?/g, match => ({ '.': '\\.', '*': '.*', '/': '\\/', '?': '\\?' }[match])))
  108. .map(rule => new RegExp(rule))
  109. .map((regExp, index) => (regExp.test(window.location.href) ? index : null))
  110. .filter(index => index != null)
  111. .join()
  112. ];
  113. strategy();
  114. })();