想用代码做个生日烟花动画，Python和网页版各有什么实现思路？

可以通过不同的编程方式实现生日烟花祝福代码，以下为两种不同的示例： ### 使用 Python 和 Pygame 库实现 ```python import pygame import random import math # 初始化 Pygame pygame.init() # 设置屏幕尺寸 width, height = 800, 600 screen = pygame.display.set_mode((width, height)) pygame.display.set_caption("生日祝福烟花") # 定义颜色 BLACK = (0, 0, 0) # 定义烟花类 class Firework: def __init__(self): self.x = random.randint(0, width) self.y = height self.speed_y = random.randint(10, 20) self.exploded = False self.particles = [] self.color = (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)) def update(self): if not self.exploded: self.y -= self.speed_y if self.speed_y <= 0 or self.y <= height // 2: self.explode() else: for particle in self.particles[:]: particle[0] += particle[2] particle[1] += particle[3] particle[3] += 0.1 if particle[1] >= height: self.particles.remove(particle) if not self.particles: fireworks.remove(self) def explode(self): self.exploded = True num_particles = 50 for _ in range(num_particles): angle = random.uniform(0, 2 * math.pi) speed = random.uniform(2, 5) vx = math.cos(angle) * speed vy = math.sin(angle) * speed self.particles.append([self.x, self.y, vx, vy, self.color]) def draw(self): if not self.exploded: pygame.draw.circle(screen, self.color, (int(self.x), int(self.y)), 5) else: for particle in self.particles: pygame.draw.circle(screen, particle[4], (int(particle[0]), int(particle[1])), 2) # 创建烟花列表 fireworks = [] # 创建时钟对象 clock = pygame.time.Clock() # 主循环 running = True while running: for event in pygame.event.get(): if event.type == pygame.QUIT: running = False screen.fill(BLACK) # 每隔一段时间创建新的烟花 if random.random() < 0.02: fireworks.append(Firework()) # 更新和绘制所有烟花 for firework in fireworks[:]: firework.update() firework.draw() # 显示生日祝福文字 font = pygame.font.Font(None, 36) text = font.render("生日快乐！", True, (255, 255, 255)) screen.blit(text, (width // 2 - text.get_width() // 2, 20)) pygame.display.flip() clock.tick(60) # 退出 Pygame pygame.quit() ``` 此代码使用 Pygame 库创建了一个窗口，在窗口中模拟烟花从底部发射、升空后绽放，绽放后粒子缓慢下落消失的效果，同时显示生日祝福文字。 ### 使用 HTML、CSS 和 JavaScript 实现 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>生日祝福烟花</title> <style> body { margin: 0; padding: 0; overflow: hidden; background-color: black; } #canvas { display: block; } #message { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); color: white; font-size: 36px; font-family: Arial, sans-serif; } </style> </head> <body> <canvas id="canvas"></canvas> <div id="message">生日快乐！</div> <audio id="music" src="music.mp3" autoplay loop></audio> <script> const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; class Firework { constructor() { this.x = Math.random() * canvas.width; this.y = canvas.height; this.speedY = Math.random() * 10 + 5; this.exploded = false; this.particles = []; this.color = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`; } update() { if (!this.exploded) { this.y -= this.speedY; if (this.speedY <= 0 || this.y <= canvas.height / 2) { this.explode(); } } else { for (let i = this.particles.length - 1; i >= 0; i--) { const particle = this.particles[i]; particle.x += particle.vx; particle.y += particle.vy; particle.vy += 0.1; if (particle.y >= canvas.height) { this.particles.splice(i, 1); } } if (this.particles.length === 0) { fireworks.splice(fireworks.indexOf(this), 1); } } } explode() { this.exploded = true; const numParticles = 50; for (let i = 0; i < numParticles; i++) { const angle = Math.random() * Math.PI * 2; const speed = Math.random() * 5 + 2; const vx = Math.cos(angle) * speed; const vy = Math.sin(angle) * speed; this.particles.push({ x: this.x, y: this.y, vx, vy, color: this.color }); } } draw() { if (!this.exploded) { ctx.beginPath(); ctx.arc(this.x, this.y, 5, 0, Math.PI * 2); ctx.fillStyle = this.color; ctx.fill(); } else { for (const particle of this.particles) { ctx.beginPath(); ctx.arc(particle.x, particle.y, 2, 0, Math.PI * 2); ctx.fillStyle = particle.color; ctx.fill(); } } } } const fireworks = []; function animate() { ctx.clearRect(0, 0, canvas.width, canvas.height); if (Math.random() < 0.02) { fireworks.push(new Firework()); } for (const firework of fireworks) { firework.update(); firework.draw(); } requestAnimationFrame(animate); } animate(); </script> </body> </html> ``` 此代码使用 HTML 创建一个页面，包含一个画布用于绘制烟花，一个显示生日祝福文字的 `<div>` 元素，还有一个音频元素用于播放音乐。CSS 用于设置页面样式，JavaScript 实现烟花的逻辑和动画效果。需要将 `music.mp3` 替换为实际的音乐文件路径。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

下一篇 WinForm里ComboBox怎么用int值来定位并显示对应选项？

目录

想用代码做个生日烟花动画，Python和网页版各有什么实现思路？

Python内容推荐

Python生日祝福烟花

Python生日快乐程序[代码]

Python生日祝福制作[项目源码]

Python自制：goto浏览器

基于粒子群优化算法的计及需求响应的风光储能微电网日前经济调度（Python代码实现）

跨年烟花代码，跨年生日代码

chat_21718575177067961723981951598025.pdf

OpenUtau-win-x86.exe-32位

VS Code终端-下载即用.zip

软件工程-理论与实践(许家珆)习题解答

IR2103 H桥驱动-下载即用.zip

Unity Final IK

易语言源码VERSION

高校技术转移办公室人员如何利用产业大脑提升科技成果的转化效率？.docx

易语言源码WYSQL客户端

国央企创新负责人如何借助科创数智大脑实现创新资源高效协同？.docx

【年中报告，2026上半年热门行业数据洞察】基于小红书平台的2026上半年六大热门行业趋势分析：服饰美妆育儿食饮家居运动领域的数据洞察与种草营销策略研究

Mac系统SVN管理客户（Cornerstone 4.1for Mac）｜兼容Intel、M1、M2芯片

DCDC电路原理-下载即用.zip

ComboBox字体颜色设置

基于打开pycharm有带图片md文件卡死问题的解决

PyCharm集成Jupyter启动卡死解决[代码]

解决终端运行Py闪退

解决PyCharm闪退问题[项目代码]

学生成绩管理系统C++课程设计与实践

别再手动拖拽了！用Lumerical脚本批量创建FDTD仿真结构（附完整代码）

Java邮件解析任务中，如何安全高效地提取HTML邮件内容并避免硬编码、资源泄漏和类型转换异常？

RH公司应收账款管理优化策略研究

新手别慌！用BingPi-M2开发板带你5分钟搞懂Tina Linux SDK目录结构

Java线程池运行时状态怎么实时掌握？有哪些靠谱的监控手段？