HTML5代碼煙花是一種通過HTML5和JavaScript編寫的動(dòng)態(tài)效果，可以讓您的網(wǎng)頁實(shí)現(xiàn)升級(jí)版的煙花效果。以下是一個(gè)簡單的范例：

<canvas id="canvas" width="600" height="400"></canvas>
<script>
var canvas=document.getElementById("canvas");
var c=canvas.getContext("2d");
var particles=[];
for(var i=0;i<200;i++){
particles.push(new create_particle());
}
function create_particle(){
this.x=Math.random()*canvas.width;
this.y=Math.random()*canvas.height;
this.vx=Math.random()*3-1.5;
this.vy=Math.random()*3-1.5;
this.color="#"+Math.floor(Math.random()*16777215).toString(16); 
this.gravity=0.07;
this.life=Math.floor(Math.random()*50)+50;
this.alpha=1;
}
function draw_particles(){
c.clearRect(0,0,canvas.width,canvas.height);
for(var i=0;i<particles.length;i++){
var p=particles[i];
c.fillStyle=p.color;
c.beginPath();
c.arc(p.x,p.y,8,Math.PI*2,false);
c.fill();
p.x+=p.vx;
p.y+=p.vy;
p.vy+=p.gravity;
p.life--;
p.alpha-=0.01;
if(p.life<=0){
var index=particles.indexOf(p);
particles.splice(index,1);
}
}
}
setInterval(draw_particles,10);
</script>

在上面的代碼中，我們創(chuàng)建了一個(gè)canvas元素并使用JavaScript創(chuàng)建了200個(gè)粒子，每個(gè)粒子都是一個(gè)圓形，有隨機(jī)的速度和隨機(jī)的生命和顏色。然后我們使用requestAnimationFrame()函數(shù)以10毫秒的時(shí)間間隔繪制每個(gè)粒子，實(shí)現(xiàn)了煙花的效果。

想要在您的網(wǎng)站上添加HTML5代碼煙花嗎？只需復(fù)制上述代碼并將其嵌入您的網(wǎng)頁即可。如需進(jìn)一步個(gè)性化，您可以對每個(gè)粒子的速度、大小、顏色和生命等變量進(jìn)行微調(diào)。