top of page
arrow&v

Thanks for submitting! Our team will reach out to you in 24 hours.

Tell us what you are looking for to get started

bottom of page
const canvas = document.querySelector("canvas"); document.body.style.height = "100vh"; canvas.height = document.body.clientHeight; canvas.width = document.body.clientWidth; const ctx = canvas.getContext("2d"); ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = "#FFFFFF"; ctx.strokeStyle = "rgba(255,255,255,0.1)"; const particles = []; function init() { for (let i = 0; i < 100; i += 1) { const x = Math.floor(Math.random() * canvas.width); const y = Math.floor(Math.random() * canvas.height); const speedX = Math.random(); const speedY = Math.random(); const dirX = Math.random() > 0.5 ? 1 : -1; const dirY = Math.random() > 0.5 ? 1 : -1; particles.push({ x, y, speedX: dirX * speedX, speedY: dirY * speedY, neighbors: [], }); } draw(); } function draw() { // render particles for (let i = 0; i < particles.length; i += 1) { let x = particles[i].x; let y = particles[i].y; if (x < 0 || x > canvas.width || y < 0 || y > canvas.height) { x = Math.floor(Math.random() * canvas.width); y = Math.floor(Math.random() * canvas.height); } ctx.moveTo(x, y); ctx.arc(x, y, 2, 0, Math.PI * 2); } ctx.fill(); } init()