ESOCommunity

Code: Select all

      let d = document
      d.open()
      d.write('<canvas id=a style=display:block;width:100%;height:100%;>')
      d.body.style.backgroundColor = '#000'
      d.body.style.overflow = 'hidden'
      d.body.style.margin = 0

      let c = a.getContext('2d'),
         w = a.width = 400,
         h = a.height = 250,
         r = 90
      c.globalAlpha = 0.5;

      let arr = ['xor', 'difference', 'screen', 'luminosity'];

      setInterval(function () {
         c.globalCompositeOperation = arr[~~((Math.random() * 10) / 3)];
      }, 2000);

      for (W = [], i = w; i--;) {
         W[i] = i == w / 2 ? 1 : 0
      }

      ~function L() {
         for (N = [], i = w; i--;) {
            c.fillStyle = ['#111', '#f00'][W[i]],
               c.fillRect(i, h - 1, 1, 1),
               k = 4 * (W[i - 1] | 0) + (W[i] * 2) + (W[i + 1] | 0),
               N[i] = r & 1 << k ? 1 : 0
         }
         W = N
         B = c.getImageData(0, 1, w, h - 1)
         c.putImageData(B, 0, 0)
         requestAnimationFrame(L)
      }()
      d.close()