HTML5是一項非常有趣的技術，它能夠實現許多有趣的特效和功能。其中，用HTML5制作表白代碼，是一項非常令人愉悅的活動。
<!DOCTYPE html>
<html>
<head>
<title>表白代碼</title>
</head>
<body>
<canvas id="canvas"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var particles = [];
var particleCount = 100;
function Particle(){
this.x = Math.random() * canvas.width;
this.y = Math.random() * canvas.height;
this.vx = Math.random() * 20 - 10;
this.vy = Math.random() * 20 - 10;
this.size = Math.random() * 10 + 5;
this.color = 'rgb(' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ', ' + Math.floor(Math.random() * 255) + ')';
}
Particle.prototype.update = function(){
this.x += this.vx;
this.y += this.vy;
if(this.x > canvas.width + 50 || this.x < -50){
this.vx = -this.vx;
}
if(this.y > canvas.height + 50 || this.y < -50){
this.vy = -this.vy;
}
}
Particle.prototype.draw = function(){
ctx.fillStyle = this.color;
ctx.beginPath();
ctx.arc(this.x, this.y, this.size, 0, 2 * Math.PI);
ctx.fill();
}
function createParticles(){
for(var i = 0; i < particleCount; i++){
var particle = new Particle();
particles.push(particle);
}
}
function drawParticles(){
for(var i = 0; i < particles.length; i++){
var particle = particles[i];
particle.update();
particle.draw();
}
}
createParticles();
setInterval(function(){
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawParticles();
}, 30);
</script>
<p style="text-align:center;font-size:30px;color:#FFB6C1">我喜歡你！</p>
</body>
</html>以上是用HTML5編寫的表白代碼，利用canvas標簽創造了炫酷的粒子動畫效果，再加上一句甜蜜的話語，簡單卻充滿溫馨的表白代碼就完成啦！