🎯
${'评教完成'.split('').map((c,i) => `${c}`).join('')}
All Done
`;
document.body.appendChild(wrap);
const canvas = wrap.querySelector('#ae-celebration-canvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const colors = ['#007AFF', '#34C759', '#FF9500', '#FF3B30', '#AF52DE', '#5856D6', '#FF2D55', '#5AC8FA'];
const particles = [];
for (let i = 0; i < 180; i++) {
particles.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height - canvas.height,
s: Math.random() * 10 + 3,
c: colors[Math.floor(Math.random() * colors.length)],
vy: Math.random() * 3.5 + 1.8,
vx: Math.random() * 2.5 - 1.25,
r: Math.random() * 360,
rs: Math.random() * 10 - 5,
o: Math.random() * 0.4 + 0.4
});
}
let frame;
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
particles.forEach(p => {
p.y += p.vy;
p.x += p.vx + Math.sin(p.y * 0.008) * 0.4;
p.r += p.rs;
if (p.y > canvas.height) { p.y = -12; p.x = Math.random() * canvas.width; }
ctx.save();
ctx.globalAlpha = p.o;
ctx.translate(p.x, p.y);
ctx.rotate(p.r * Math.PI / 180);
ctx.fillStyle = p.c;
if (p.s > 7) {
ctx.beginPath();
ctx.moveTo(0, -p.s/2);
ctx.lineTo(p.s/2, 0);
ctx.lineTo(0, p.s/2);
ctx.lineTo(-p.s/2, 0);
ctx.closePath();
ctx.fill();
} else {
ctx.fillRect(-p.s/2, -p.s/2, p.s, p.s * 0.6);
}
ctx.restore();
});
frame = requestAnimationFrame(draw);
}
draw();
setTimeout(() => {
cancelAnimationFrame(frame);
wrap.remove();
}, 5000);
}
function createControlPanel() {
const root = document.createElement('div');
root.id = 'ae-root';
root.innerHTML = `