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