最炫Python煙花代碼全解析
更新時間：2022年02月14日 15:53:40 作者：迢迢x
2022虎年新年即將來臨，小編為大家?guī)砹艘粋€利用Python編寫的虎年煙花特效，堪稱全網(wǎng)最絢爛，文中的示例代碼簡潔易懂，感興趣的同學可以動手試一試
導語：
除夕除夕，就是除去煩腦，迎接新的希望！在這里小編先祝大家除夕快樂，歲歲常歡笑，事事皆如意！
正文：
創(chuàng)建畫布
setup和draw是p5.js的兩個主函數(shù)，里頭的createCanvas用于創(chuàng)建畫布的大小，background來設置畫布的背景顏色
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()
}
結果如下：
讓煙花粒子隨機出現(xiàn)在底部
修改setup中的firework，讓它出現(xiàn)在底部的任意位置
firework = new Particle(random(width), height)
這里的width和height表示的就是畫布的寬和高
結果如下
讓煙花粒子向上運動
只需要修改Particle中的this.vel即可
this.vel = createVector(0, -4)
createVector中第一個參數(shù)表示x軸的速率，正數(shù)為向右的速率，負為向左的速率；第二個參數(shù)表示y軸的速率，負為向上，正為向下
效果如下
讓粒子用重力效果，可以下向運動
首先在全局聲明一個變量gravity，在setup函數(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()
}
}
結果如下
讓煙花粒子上到自身頂點時消失
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()
}
}
}
結果如下
隨機倍數(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用于設置顏色模型，除了RGB，還有上面的HSB；background的4個參數(shù)就是對應rgba
效果如下
添加煙花顏色
主要給煙花添加色彩，可以隨機數(shù)來添加隨機顏色，主要在Firework添加一下
this.hu = random(255)
結尾：
最后祝你
歲歲常歡愉,年年皆勝意，除夕快樂~??????
到此這篇關于 最炫Python煙花代碼全解析的文章就介紹到這了,更多相關Python絢爛煙花內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家介紹了python的定義函數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助，希望能夠給你帶來幫助2021-11-11
python實現(xiàn)Zabbix-API監(jiān)控
這篇文章主要為大家詳細介紹了python實現(xiàn)Zabbix-API監(jiān)控，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-09
Python這個編程語言雖然沒有指針類型，但是Python中的可變參量也可以像指針一樣，改變一個數(shù)值之后，所有指向該數(shù)值的可變參量都會隨之而改變，這篇文章主要介紹了Python3中的“指針”,需要的朋友可以參考下2024-02-02
sklearn中的交叉驗證的實現(xiàn)(Cross-Validation)
這篇文章主要介紹了sklearn中的交叉驗證的實現(xiàn)(Cross-Validation)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
Python調(diào)用C語言動態(tài)庫的方法小結
這篇文章主要為大家詳細介紹了Python調(diào)用C語言動態(tài)庫的相關知識,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考一下2024-12-12
Python+Pygame實戰(zhàn)之炫舞小游戲的實現(xiàn)
提到QQ炫舞，可能很多人想到的第一個詞是“青春”?；腥婚g，這個承載了無數(shù)人回憶與時光的游戲品牌，已經(jīng)走到了第十幾個年頭。今天小編就來給大家嘗試做一款簡單的簡陋版的小游戲——《舞動青春*炫舞》，感興趣的可以了解一下2022-12-12
這篇文章主要介紹了Pygame?精準檢測圖像碰撞,在用Pygame寫游戲的時候，有人可能會遇到兩個Rect對象碰撞但是對象之間還有空間間隔的問題，這里，將教大家用一種方法精準地檢測圖像碰撞，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了python config文件的讀寫操作,結合簡單示例形式分析了Python針對config文件的設置、讀取、寫入相關操作技巧,需要的朋友可以參考下2019-09-09
本文給大家分享python的22個編程技巧，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-08-08
使用Python打包程序并制作Windows安裝程序的超完整指南
這篇文章主要介紹了Python腳本打包為Windows可執(zhí)行文件（.exe）,并使用InnoSetup制作帶有安裝向?qū)У陌惭b程序,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-02-02