不用安装额外包，纯Python或JS怎么做出烟花动画效果？

### 使用纯Python实现烟花效果以下是通过 `tkinter` 和原生 Python 功能实现的一个简单烟花效果代码。此代码无需任何额外的第三方库支持： ```python import tkinter as tk import random import math class Firework: def __init__(self, canvas, x, y): self.canvas = canvas self.x = x self.y = y self.color = "#{:06x}".format(random.randint(0, 0xFFFFFF)) self.particles = [] self.create_particles() def create_particles(self): for _ in range(50): # 创建多个粒子 angle = random.uniform(0, 2 * math.pi) speed = random.uniform(1, 8) dx = speed * math.cos(angle) dy = speed * math.sin(angle) size = random.randint(2, 5) particle = { 'id': self.canvas.create_oval( self.x - size / 2, self.y - size / 2, self.x + size / 2, self.y + size / 2, fill=self.color), 'dx': dx, 'dy': dy, 'size': size, 'life': random.uniform(0.5, 2.0)} self.particles.append(particle) def update(self): for particle in self.particles[:]: particle['dy'] += 0.1 # 加速度向下 self.canvas.move(particle['id'], particle['dx'], particle['dy']) particle['life'] -= 0.05 if particle['life'] <= 0 or abs(particle['dy']) > 10: self.canvas.delete(particle['id']) self.particles.remove(particle) def animate(): for firework in fireworks: firework.update() root.after(50, animate) root = tk.Tk() canvas = tk.Canvas(root, width=800, height=600, bg='black') canvas.pack() fireworks = [] def spawn_firework(event=None): x = random.randint(50, 750) y = random.randint(50, 550) fireworks.append(Firework(canvas, x, y)) spawn_firework() # 初始化第一个烟花 animate() root.bind("<Button-1>", spawn_firework) # 鼠标点击触发新烟花 root.mainloop() ``` 上述代码实现了基于 `tkinter` 的烟花效果，其中每个烟花由若干随机方向和大小的粒子组成[^1]。 --- ### 原生JavaScript实现烟花效果如果希望使用 JavaScript 并且不依赖外部库，则可以通过 HTML5 Canvas 来绘制动态烟花效果。以下是一个简单的例子： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Firework</title> <style> body { margin: 0; overflow: hidden; background-color: black;} canvas { display: block; } </style> </head> <body> <canvas id="canvas"></canvas> <script> const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window.innerHeight; function getRandomColor() { const letters = '0123456789ABCDEF'; let color = '#'; for (let i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } class Particle { constructor(x, y) { this.x = x; this.y = y; this.size = Math.random() * 5 + 1; this.velocity = { x: (Math.random() - 0.5) * 10, y: (Math.random() - 0.5) * 10 }; this.gravity = 0.1; this.friction = 0.98; this.lifeSpan = Math.random() * 50 + 50; this.opacity = 1; this.color = getRandomColor(); } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fillStyle = `rgba(${this.r}, ${this.g}, ${this.b}, ${this.opacity})`; ctx.fill(); } update() { this.draw(); this.velocity.y += this.gravity; this.x += this.velocity.x; this.y += this.velocity.y; this.velocity.x *= this.friction; this.velocity.y *= this.friction; this.opacity -= 0.01; } } class Firework { constructor(x, y) { this.particles = []; for (let i = 0; i < 100; i++) { this.particles.push(new Particle(x, y)); } } draw() { this.particles.forEach((particle, index) => { if (particle.opacity > 0) { particle.update(); } else { this.particles.splice(index, 1); } }); } } const fireworks = []; function init() { setInterval(() => { const x = Math.random() * canvas.width; const y = Math.random() * canvas.height; fireworks.push(new Firework(x, y)); }, 1000); } function animate() { requestAnimationFrame(animate); ctx.clearRect(0, 0, canvas.width, canvas.height); fireworks.forEach(firework => { firework.draw(); }); fireworks = fireworks.filter(firework => firework.particles.length !== 0); } init(); animate(); </script> </body> </html> ``` 该代码展示了如何在浏览器中使用原生 JavaScript 绘制动态烟花效果[^3]。 --- ####

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

下一篇用Python做校园导航界面，Tkinter桌面版和Web版各有什么实现思路？

目录

不用安装额外包，纯Python或JS怎么做出烟花动画效果？

Python内容推荐

烟花代码-多种编程语言Python、JavaScript和Java实现烟花动画特效

js2py:将 JavaScript 转换为 Python

python烟花代码-16-css样式表三种使用方式.ev4.rar

python2024烟花代码

烟花代码编程python满屏

【计算机图形学】基于Python与JavaScript的烟花动画模拟：粒子系统在交互式Web与移动端的应用实现

python爬虫之烟花代码

games-animations:js和python游戏动画

cv:在线纯 HTML 简历 - HTML、CSS、JavaScript 和 Python

Python如何调用JS文件中的函数

Python单应性透视对齐 OpenCV文档矫正出图

Python STL LSTM蒸汽流量预测 季节分解对比出图

星星发射爆炸的动画，放烟花的动画

纯html代码制作翻页效果

仿烟花实现效果

新年3D烟花秀，新年快乐代码，春节快乐代码，跨年立体烟花秀

模拟放烟花的效果Demo

2024跨年烟花代码html

跨年烟花代码2023跨年烟花 带星星特效

貌似3D效果的JS烟花背景特效代码

针对Excel表格文件操作的编程实现.rar_excel_excel文件操作_excel编程_文件操作_表格操作

excel生成和读取

Python3编写实用脚本程序-excel操作.zip

py代码-python读写excel

test_python_excel_

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

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

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

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

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

Python STL LSTM蒸汽流量预测季节分解对比出图

跨年烟花代码2023跨年烟花带星星特效