最炫Python煙花代碼全解析
更新時間：2022年02月14日 15:53:40 作者：迢迢x
2022虎年新年即將來臨，小編為大家?guī)砹艘粋€利用Python編寫的虎年煙花特效，堪稱全網(wǎng)最絢爛，文中的示例代碼簡潔易懂，感興趣的同學可以動手試一試
導語：
除夕除夕，就是除去煩腦，迎接新的希望！在這里小編先祝大家除夕快樂，歲歲常歡笑，事事皆如意！
正文：
創(chuàng)建畫布
setup和draw是p5.js的兩個主函數(shù)，里頭的createCanvas用于創(chuàng)建畫布的大小，background來設(shè)置畫布的背景顏色
function setup() {
createCanvas(1303 / 2, 734 / 2)
}
function draw() {
background(50);
}
畫煙花粒子
考慮到會有很多，通過一個函數(shù)Particle來生成，代碼如下
var firework;
function Particle(x, y) {
this.pos = createVector(x, y)
this.vel = createVector(0, 0)
this.acc = createVector(0, 0)
this.update = function () {
this.vel.add(this.acc)
this.pos.add(this.vel)
this.acc.mult(0)
}
this.show = function () {
point(this.pos.x, this.pos.y)
}
}
#調(diào)用firework.update()和firework.show()將煙花粒子展示出來
function setup() {
createCanvas(1303 / 2, 734 / 2)
stroke(255)
strokeWeight(4)
firework = new Particle(200, 150)
}
function draw() {
background(50);
firework.update()
firework.show()
}
結(jié)果如下：
讓煙花粒子隨機出現(xiàn)在底部
修改setup中的firework，讓它出現(xiàn)在底部的任意位置
firework = new Particle(random(width), height)
這里的width和height表示的就是畫布的寬和高
結(jié)果如下
讓煙花粒子向上運動
只需要修改Particle中的this.vel即可
this.vel = createVector(0, -4)
createVector中第一個參數(shù)表示x軸的速率，正數(shù)為向右的速率，負為向左的速率；第二個參數(shù)表示y軸的速率，負為向上，正為向下
效果如下
讓粒子用重力效果，可以下向運動
首先在全局聲明一個變量gravity，在setup函數(shù)中設(shè)置重力
gravity = createVector(0, 0.2)
firework.applyForce(gravity)
this.applyForce = function (force) {
this.acc.add(force)
}
效果如下
需要很多的煙花粒子
需要創(chuàng)建一個Firework函數(shù)
function Firework() {
this.firework = new Particle(random(width), height)
this.update = function () {
this.firework.applyForce(gravity)
this.firework.update()
}
this.show = function () {
this.firework.show();
}
}
#然后再draw中，通過for循環(huán)來顯示很多的煙花粒子
function draw() {
background(50)
fireworks.push(new Firework())
for (var i = 0; i < fireworks.length; i++) {
fireworks[i].update()
fireworks[i].show()
}
}
結(jié)果如下
讓煙花粒子上到自身頂點時消失
function Firework() {
this.firework = new Particle(random(width), height)
this.update = function () {
if (this.firework) {
this.firework.applyForce(gravity)
this.firework.update()
if (this.firework.vel.y >= 0) {
this.firework = null
}
}
}
this.show = function () {
if (this.firework) {
this.firework.show();
}
}
}
效果如下
消失的那一刻，讓周圍爆破
這里修改的地方會比較多，主要修改的地方是Firework：
function Firework() {
this.firework = new Particle(random(width), height, true)
this.exploded = false
this.particles = []
this.update = function () {
if (!this.exploded) {
this.firework.applyForce(gravity)
this.firework.update()
if (this.firework.vel.y >= 0) {
this.exploded = true
this.explode()
}
}
for (let i = 0; i < this.particles.length; i++) {
this.particles[i].applyForce(gravity)
this.particles[i].update()
}
}
this.explode = function () {
for (let i = 0; i < 100; i++) {
var p = new Particle(this.firework.pos.x, this.firework.pos.y)
this.particles.push(p)
}
}
this.show = function () {
if (!this.exploded) {
this.firework.show();
}
for (let i = 0; i < this.particles.length; i++) {
this.particles[i].show()
}
}
}
結(jié)果如下
隨機倍數(shù)爆發(fā)
可以修改Particle來完善以下上面的效果，修改后的代碼為
function Particle(x, y, firework) {
this.pos = createVector(x, y)
this.firework = firework
if (this.firework) {
this.vel = createVector(0, random(-12, -8))
} else {
this.vel = p5.Vector.random2D()
this.vel.mult(random(1, 6))
}
this.acc = createVector(0, 0)
this.applyForce = function (force) {
this.acc.add(force)
}
this.update = function () {
this.vel.add(this.acc)
this.pos.add(this.vel)
this.acc.mult(0)
}
this.show = function () {
point(this.pos.x, this.pos.y)
}
}
效果如下：
展示煙花少一些
通過調(diào)整幾率來實現(xiàn)，讓展示煙花少一些
我們將draw函數(shù)中的
if(random(1)<0.1){
fireworks.push(new Firework())
}
修改成：
if(random(1)<0.02){
fireworks.push(new Firework())
}
這樣就少一些了
然后我們又發(fā)現(xiàn)，煙花太散落了，修改煙花太散落的問題
到Particle中，找到update方法，里頭添加
if(!this.firework){
this.vel.mult(0.85)
}
可以理解為，mult的值越大作用力就越大爆炸就越散
淡出效果實現(xiàn)
散開之后，需要慢慢淡出消失，
其實主要引入一個變量lifespan，讓它從255開始遞減，通過stroke(255,this.lifespan)來實現(xiàn)淡出
如下代碼
function Particle(x, y, firework) {
this.pos = createVector(x, y)
this.firework = firework
this.lifespan = 255
if (this.firework) {
this.vel = createVector(0, random(-12, -8))
} else {
this.vel = p5.Vector.random2D()
this.vel.mult(random(1, 6))
}
this.acc = createVector(0, 0)
this.applyForce = function (force) {
this.acc.add(force)
}
this.update = function () {
if(!this.firework){
this.vel.mult(0.85)
this.lifespan -= 4
}
this.vel.add(this.acc)
this.pos.add(this.vel)
this.acc.mult(0)
}
this.show = function () {
if (!this.firework) {
strokeWeight(2)
stroke(255,this.lifespan)
} else {
strokeWeight(4)
stroke(255)
}
point(this.pos.x, this.pos.y)
}
}
效果如下
修改背景顏色
在setup中通過background函數(shù)將背景色修改成黑色
background(0)
同時在draw添加
colorMode(RGB) background(0, 0, 0, 25)
colorMode用于設(shè)置顏色模型，除了RGB，還有上面的HSB；background的4個參數(shù)就是對應rgba
效果如下
添加煙花顏色
主要給煙花添加色彩，可以隨機數(shù)來添加隨機顏色，主要在Firework添加一下
this.hu = random(255)
結(jié)尾：
最后祝你
歲歲常歡愉,年年皆勝意，除夕快樂~??????
到此這篇關(guān)于 最炫Python煙花代碼全解析的文章就介紹到這了,更多相關(guān)Python絢爛煙花內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Numpy array數(shù)據(jù)的增、刪、改、查實例
今天小編就為大家分享一篇Numpy array數(shù)據(jù)的增、刪、改、查實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了centos7之Python3.74安裝教程，本文給大家介紹的非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了python+OpenCV實現(xiàn)圖像拼接，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了Python實現(xiàn)批量下載圖片的方法,涉及Python基于urllib、urllib2及re等模塊獲取URL及正則匹配下載圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
今天小編就為大家分享一篇PyCharm在新窗口打開項目的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了完美解決pycharm 不顯示代碼提示問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-06-06
今天小編就為大家分享一篇python找出一個列表中相同元素的多個索引實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了詳解python 破解網(wǎng)站反爬蟲的兩種簡單方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
這篇文章主要介紹了Python 實現(xiàn)二叉查找樹的示例代碼，幫助大家更好的理解和使用python，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了python獲取redis memory使用情況,項目研發(fā)過程中，用到Python操作Redis場景，記錄學習過程中的心得體會，需要的朋友可以參考下2022-12-12