/* ======================================== Animation paillettes années 80 Colle ce script avant Mode: auto | Forme: confetti + star ======================================== */ (function() { const COLORS = [ '#FF1493','#FF6EC7','#FFD700', '#00FF7F','#00BFFF','#9B59B6', '#FF4500','#fff' ]; const canvas = document.createElement('canvas'); canvas.style.cssText = 'position:fixed;top:0;left:0;' + 'width:100%;height:100%;' + 'pointer-events:none;z-index:9999'; document.body.appendChild(canvas); const ctx = canvas.getContext('2d'); let W, H, particles = []; function resize() { W = canvas.width = innerWidth; H = canvas.height = innerHeight; } window.addEventListener('resize', resize); resize(); function rnd(a,b){ return a+Math.random()*(b-a); } function pick(a){ return a[0|Math.random()*a.length]; } function starPath(cx,cy,r,pts){ const step = Math.PI/pts; ctx.beginPath(); for(let i=0;ip.age.01 ); for(const p of particles){ p.age++; p.vy+=p.gravity; p.wobble+=p.wobbleV; p.x+=p.vx+Math.sin(p.wobble)*.4; p.y+=p.vy; p.rot+=p.rotV; const d=p.age/p.life; p.alpha=1-d*d; ctx.save(); ctx.globalAlpha=p.alpha; ctx.translate(p.x,p.y); ctx.rotate(p.rot); ctx.fillStyle=p.color; if(p.shape==='star'){ starPath(0,0,p.w/2,5); ctx.fill(); } else { ctx.fillRect(-p.w/2,-p.h/2, p.w,p.h); } ctx.restore(); } requestAnimationFrame(tick); } tick(); /* Mode pluie continue */ setInterval(()=>{ spawn( Math.random()*innerWidth, -10, 4, false ); }, 80); })();

INFORMATIONS

LIENS UTILES

My account

Se connecter

INFORMATIONS

LIENS UTILES