怎么用Python代码实现最炫的烟花
这篇文章主要介绍“怎么用Python代码实现最炫的烟花”,在日常操作中,相信很多人在怎么用Python代码实现最炫的烟花问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用Python代码实现最炫的烟花”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
效果图:
正文:创建画布setup
和draw
是p5.js
的两个主函数,里头的createCanvas
用于创建画布的大小,background
来设置画布的背景颜色
functionsetup(){createCanvas(1303/2,734/2)}functiondraw(){background(50);}画烟花粒子
考虑到会有很多,通过一个函数Particle
来生成,代码如下
varfirework;functionParticle(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)}}#调用firework.update()和firework.show()将烟花粒子展示出来functionsetup(){createCanvas(1303/2,734/2)stroke(255)strokeWeight(4)firework=newParticle(200,150)}functiondraw(){background(50);firework.update()firework.show()}
结果如下:
让烟花粒子随机出现在底部修改setup
中的firework
,让它出现在底部的任意位置
firework=newParticle(random(width),height)
这里的width
和height
表示的就是画布的宽和高
结果如下
让烟花粒子向上运动只需要修改Particle
中的this.vel
即可
this.vel=createVector(0,-4)
createVector
中第一个参数表示x轴的速率,正数为向右的速率,负为向左的速率;第二个参数表示y轴的速率,负为向上,正为向下
效果如下
让粒子用重力效果,可以下向运动首先在全局声明一个变量gravity
,在setup函数中设置重力
gravity=createVector(0,0.2)firework.applyForce(gravity)this.applyForce=function(force){this.acc.add(force)}
效果如下
需要很多的烟花粒子需要创建一个Firework
函数
functionFirework(){this.firework=newParticle(random(width),height)this.update=function(){this.firework.applyForce(gravity)this.firework.update()}this.show=function(){this.firework.show();}}#然后再draw中,通过for循环来显示很多的烟花粒子functiondraw(){background(50)fireworks.push(newFirework())for(vari=0;i<fireworks.length;i++){fireworks[i].update()fireworks[i].show()}}
结果如下
让烟花粒子上到自身顶点时消失functionFirework(){this.firework=newParticle(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
:
functionFirework(){this.firework=newParticle(random(width),height,true)this.exploded=falsethis.particles=[]this.update=function(){if(!this.exploded){this.firework.applyForce(gravity)this.firework.update()if(this.firework.vel.y>=0){this.exploded=truethis.explode()}}for(leti=0;i<this.particles.length;i++){this.particles[i].applyForce(gravity)this.particles[i].update()}}this.explode=function(){for(leti=0;i<100;i++){varp=newParticle(this.firework.pos.x,this.firework.pos.y)this.particles.push(p)}}this.show=function(){if(!this.exploded){this.firework.show();}for(leti=0;i<this.particles.length;i++){this.particles[i].show()}}}
结果如下
随机倍数爆发可以修改Particle
来完善以下上面的效果,修改后的代码为
functionParticle(x,y,firework){this.pos=createVector(x,y)this.firework=fireworkif(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)}}
效果如下:
展示烟花少一些通过调整几率来实现,让展示烟花少一些
我们将draw
函数中的
if(random(1)<0.1){fireworks.push(newFirework())}
修改成:
if(random(1)<0.02){fireworks.push(newFirework())}
这样就少一些了
然后我们又发现,烟花太散落了,修改烟花太散落的问题到Particle
中,找到update
方法,里头添加
if(!this.firework){this.vel.mult(0.85)}
可以理解为,mult
的值越大作用力就越大爆炸就越散
散开之后,需要慢慢淡出消失,
其实主要引入一个变量lifespan
,让它从255
开始递减,通过stroke(255,this.lifespan)
来实现淡出
如下代码
functionParticle(x,y,firework){this.pos=createVector(x,y)this.firework=fireworkthis.lifespan=255if(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
函数将背景色修改成黑色
background(0)
同时在draw
添加
colorMode(RGB)background(0,0,0,25)
colorMode
用于设置颜色模型,除了RGB
,还有上面的HSB
;background
的4
个参数就是对应rgba
效果如下
添加烟花颜色主要给烟花添加色彩,可以随机数来添加随机颜色,主要在Firework
添加一下
this.hu=random(255)
到此,关于“怎么用Python代码实现最炫的烟花”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。