main role="main" class="main-content"> style>.main-wrapper { z-index: 9999999999; background: transparent; pointer-events: none; } .noise { pointer-events: none; opacity: .2; } script>const noise = () => { let canvas, ctx; let wWidth, wHeight; let noiseData = []; let frame = 0; let loopTimeout; // Create Noise const createNoise = () => { const idata = ctx.createImageData(wWidth, wHeight); const buffer32 = new Uint32Array(idata.data.buffer); const len = buffer32.length; for (let i = 0; i < len; i++) { if (Math.random() < 0.1) { buffer32[i] = 0xff000000; } } noiseData.push(idata); }; // Play Noise const paintNoise = () => { if (frame === 9) { frame = 0; } else { frame++; } ctx.putImageData(noiseData[frame], 0, 0); }; // Loop const loop = () => { paintNoise(frame); loopTimeout = window.setTimeout(() => { window.requestAnimationFrame(loop); }, (1000 / 25)); }; // Setup const setup = () => { wWidth = window.innerWidth; wHeight = window.innerHeight; canvas.width = wWidth; canvas.height = wHeight; for (let i = 0; i < 10; i++) { createNoise(); } loop(); }; // Reset let resizeThrottle; const reset = () => { window.addEventListener('resize', () => { window.clearTimeout(resizeThrottle); resizeThrottle = window.setTimeout(() => { window.clearTimeout(loopTimeout); setup(); }, 200); }, false); }; // Init const init = (() => { canvas = document.getElementById('noise'); ctx = canvas.getContext('2d'); setup(); })(); }; noise();

Werk samen met een team van no-code experts, die de grenzen verleggen

Werk samen met een team van no-code experts die je business de boost te geven die het verdient.

Staat je vraag er niet bij, of ben je op zoek naar iets anders?

Wij beantwoorden je vraag graag!

Mijn naam is

Mijn email is

Dit is mijn vraag

Mijn telefoonnumer is

Mourice neemt binnen
24 uur contact op met je

Mourice Schuurmans
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.