JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" style="background:url('http://www.373.be/graceasagra_wp/wp-content/themes/Feather/images/footer_water_grace.png');"></div>
<p style="position:fixed;height:100px;z-index:1000;">capooo</p>

JavaScript

var QUALITY = 4,
            WIDTH = Math.floor(window.innerWidth / QUALITY), HEIGHT = Math.floor(window.innerHeight / QUALITY), SIZE = WIDTH * HEIGHT,
            
            context, image, data,
            buffer1, buffer2, tempbuffer,

            isUserInteracting, pointers;

            init();
            setInterval(loop, 1000 / 60);

            function init() {

                var container, canvas;
                
                container = document.getElementById('container');

                canvas = document.createElement("canvas");
                canvas.width = WIDTH;
                canvas.height = HEIGHT;
                canvas.style.width = window.innerWidth + "px";
                canvas.style.height = window.innerHeight + "px";
                container.appendChild(canvas);

                context = canvas.getContext("2d");
                context.fillStyle = "rgba(255,255,255,0.7)";
                context.fillRect (0, 0, WIDTH, HEIGHT);
                image = context.getImageData(0, 0, WIDTH, HEIGHT);
                data = image.data;

                buffer1 = [];
                buffer2 = [];
                
                for (var i = 0; i < SIZE; i ++) {

                    buffer1[i] = 0;
                    buffer2[i] = i > WIDTH && i < SIZE - WIDTH && Math.random() > 0.995 ? 255 : 0;
                }
                
                document.addEventListener('mousedown', onDocumentMouseDown, false);
                document.addEventListener('mousemove', onDocumentMouseMove, false);
                document.addEventListener('mouseup', onDocumentMouseUp, false);
                document.addEventListener('mouseout', onDocumentMouseOut, false);                
                
                document.addEventListener('touchstart', onDocumentTouchStart, false);
                document.addEventListener('touchmove', onDocumentTouchMove, false);
                document.addEventListener('touchend', onDocumentTouchEnd, false);...