问题描述
我正在学习 JavaScript,我想在我的项目中使用particleJS,但问题是库中有一个函数我想自定义但我不知道如何
该函数是用 752 行编写的这段代码,我想用我自己的 javascript 覆盖它
pJS.fn.modes.pushParticles = function(nb,pos){
pJS.tmp.pushing = true;
for(var i = 0; i < nb; i++){
pJS.particles.array.push(
new pJS.fn.particle(
pJS.particles.color,pJS.particles.opacity.value,{
'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w,'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h
}
)
)
if(i == nb-1){
if(!pJS.particles.move.enable){
pJS.fn.particlesDraw();
}
pJS.tmp.pushing = false;
}
}
};
这是我试图完成我需要的:
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
<script>
particlesJS.load('particles-js','particles.json',function () {
console.log('callback - particles.js config loaded');
});
pJS.fn.modes.pushParticles = function (nb,pos) {
pJS.tmp.pushing = true;
// limit of the particles
// this is used to limit the number of particles by calclating the canvas view
var particlesLimit = Math.floor(pJS.canvas.el.width / 20);
// each click adds 4 particles,so we remove 4 ones if there was more than limit
if (pJS.particles.array.length > particlesLimit) {
pJS.particles.array.shift();
pJS.particles.array.shift();
pJS.particles.array.shift();
pJS.particles.array.shift();
}
for (var i = 0; i < nb; i++) {
pJS.particles.array.push(
new pJS.fn.particle(
pJS.particles.color,{
'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w,'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h
}
)
)
if (i == nb - 1) {
if (!pJS.particles.move.enable) {
pJS.fn.particlesDraw();
}
pJS.tmp.pushing = false;
}
}
}
</script>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)