let cnv, cnt, h, w, ph ,pw; let f=new Set(); window.onload=()=>{ cnv=document.getElementById("c"); resize(); cnt=cnv.getContext("2d"); cnt.lineCap="round"; cnt.fillStyle="rgba(0,0,0,0.72)"; let interval=setInterval(()=>update(),40); p1(); } function pic(x,y,dx,dy,l,d=1,c){ this.x=x; this.y=y; this.dx=dx*d; this.dy=dy*d; this.l=l; this.c=c; } function fire(x,y,c="#fff",n=40,w=2,d=10,s=1,e=0){ this.a=new Set(); if(s==0||s==3||s==5){ let a=2*Math.PI/n; let b=Math.random()*a-a*0.5; for(let i=0;i0.5?1:-1),Math.random()*20+d*4,Math.random()+0.4,col[Math.floor(Math.random()*10)])); } }else if(s==2){ let a=2*Math.PI/n; let b=Math.random()*a-a*0.5; for(let i=0;inew fire(w*0.5,h*0.5,"#f92",12,4,10,5),1000); setTimeout(()=>new fire(getx(1),gety(1),"#d8f",20,3,9,1),1130); setTimeout(()=>new fire(getx(5),gety(1),"#d8f",20,3,9,1),1140); setTimeout(()=>new fire(getx(3),gety(3),"#000",15,2,7,7),3050); setTimeout(()=>new fire(getx(2),gety(3),"#000",15,2,7,7),3200); setTimeout(()=>new fire(getx(4),gety(3),"#000",15,2,7,7),3210); setTimeout(()=>new fire(getx(5),gety(3),"#000",15,2,7,7),3400); setTimeout(()=>new fire(getx(1),gety(3),"#000",15,2,7,7),3410); setTimeout(()=>new fire(w*0.5,h*0.5,"#f32",5,3,9,2,8),6200); setTimeout(()=>new fire(w*0.5,h*0.5,"#dd1",5,1,8,3,7),6350); setTimeout(()=>new fire(getx(2),gety(1),"#fa2",10,3,9,5),10800); setTimeout(()=>new fire(getx(4),gety(1),"#fa2",10,3,9,5),10830); } function p2(){ setTimeout(p3,14500); setTimeout(()=>new fire(getx(5),gety(1.3),"#f53",9,3,7,0),200); setTimeout(()=>new fire(getx(1),gety(2),"#f95",9,3,7,0),300); setTimeout(()=>new fire(getx(3),gety(0.7),"#6fa",9,3,7,0),400); let i=setInterval(()=>{for(let i=1;i<7;i++) new fire(pw*i,h*0.8,"#1f2",7,2,5,1);},2000); setTimeout(()=>new fire(getx(2),gety(1),"#fc4",20,3,10,9),3000); setTimeout(()=>new fire(getx(4),gety(1),"#fc4",20,3,10,0),3013); setTimeout(()=>new fire(getx(3),gety(1.2),"#f39",12,5,12,6,8),7027); setTimeout(()=>clearInterval(i),11056); setTimeout(()=>new fire(getx(1),gety(1),"#f5d",25,3,9,7),11532); setTimeout(()=>new fire(getx(5),gety(1),"#f5d",25,3,9,7),11544); } function p3(){ setTimeout(p4,13500); setTimeout(()=>new fire(getx(1),gety(1.3),"#95f",3,3,9,2),201); setTimeout(()=>new fire(getx(5),gety(2),"#0af",3,3,9,2),307); setTimeout(()=>new fire(getx(3),gety(0.7),"#fa2",3,3,9,2),432); setTimeout(()=>new fire(getx(2),gety(1),"#fdc",5,1,5,3,7),2506); setTimeout(()=>new fire(getx(4),gety(1),"#fdc",5,1,5,3,7),2616); setTimeout(()=>new fire(getx(1),gety(1.2),"#55f",5,3,9,2),6201); setTimeout(()=>new fire(getx(5),gety(1),"#55f",5,3,9,2),6407); setTimeout(()=>new fire(getx(3),gety(2),"#55f",5,3,9,2),6708); setTimeout(()=>new fire(getx(2),gety(2),"#f26",9,3,9,6),9703); setTimeout(()=>new fire(getx(3),gety(1.2),"#f57",9,4,12,6,8),9412); setTimeout(()=>new fire(getx(4),gety(2),"#f26",9,3,9,6),9768); } function p4(){ setTimeout(p1,11500); setTimeout(()=>new fire(getx(5),gety(1.2),"#000",30,2,7,7),510); setTimeout(()=>new fire(getx(2),gety(2),"#000",30,2,8,7),1022); setTimeout(()=>new fire(getx(4),gety(3),"#000",30,2,9,7),1515); setTimeout(()=>new fire(getx(1),gety(1),"#000",30,2,9,7),2001); setTimeout(()=>new fire(getx(5),gety(1),"#000",30,2,9,7),2557); setTimeout(()=>new fire(getx(3),gety(1.5),"#000",30,2,10,7),3024); setTimeout(()=>new fire(getx(1),gety(3),"#000",30,2,10,7),3583); setTimeout(()=>new fire(getx(4),gety(2),"#000",30,2,10,7),4025); setTimeout(()=>new fire(getx(2),gety(3),"#000",30,2,10,7),4538); setTimeout(()=>new fire(getx(3),gety(1.2),"#000",30,2,10,7),5073); setTimeout(()=>new fire(getx(3),gety(1.5),"#f62",1,3,10,9,8),7483); } const getx=x=>Math.random()*pw+pw*x; const gety=y=>Math.random()*ph+ph*y;

🎆 Firework 🎆