收集地面上的喷泉粒子,在Javascript中每次点击时填满屏幕

收集地面上的喷泉粒子,在Javascript中每次点击时填满屏幕,javascript,jquery,p5.js,Javascript,Jquery,P5.js,var d=document,$d=$(d), w=窗口,$w=$(w), wWidth=$w.width(),wHeight=$w.height(), 信用=$('.credit>a'), 粒子=$('.particles'), particleCount=0, 尺寸=[ 25, 35, 45 ], 颜色=[ "f44336","e91e63","9c27b0","673ab7","3f51b5",, "2196f3","03a9f4","00bcd4","009688","4CAF50",,

var d=document,$d=$(d),
w=窗口,$w=$(w),
wWidth=$w.width(),wHeight=$w.height(),
信用=$('.credit>a'),
粒子=$('.particles'),
particleCount=0,
尺寸=[
25, 35, 45
],
颜色=[
"f44336","e91e63","9c27b0","673ab7","3f51b5",,
"2196f3","03a9f4","00bcd4","009688","4CAF50",,
"8BC34A","CDDC39","FFEB3B","FFC107","FF9800",,
"FF5722","795548","9E9E9E","607D8B","777777"
],
mouseX=$w.width()/2,mouseY=$w.height()/2;
函数updateParticleCount(){
$('.particle count>.number').text(particleCount);
};
$w
.on('resize',函数(){
wWidth=$w.width();
wHeight=$w.高度();
});
美元
.on('mousemove touchmove',函数(事件){
event.preventDefault();
event.stopPropagation();
mouseX=event.clientX;
mouseY=event.clientY;
如果(!!event.originalEvent.touchs){
mouseX=event.originalEvent.touchs[0].clientX;
mouseY=event.originalEvent.touchs[0].clientY;
}
})
.on('mousedown touchstart',函数(事件){
if(event.target==credit.get(0)){
返回;
}
mouseX=event.clientX;
mouseY=event.clientY;
如果(!!event.originalEvent.touchs){
mouseX=event.originalEvent.touchs[0].clientX;
mouseY=event.originalEvent.touchs[0].clientY;
}
变量计时器=设置间隔(函数(){
美元
.1('mouseup mouseleave touchend touchcancel touchleave',函数(){
清除间隔(计时器);
})
创建粒子(事件);
}, 1000 / 60)
});
函数createParticle(事件){
变量粒子=$(''),
size=size[Math.floor(Math.random()*size.length)],
color=colors[Math.floor(Math.random()*colors.length)],
负=大小/2,
speedHorz=Math.random()*10,
加速比=数学.random()*25,
spinVal=360*Math.random(),

spinSpeed=((36*Math.random())*(Math.random())你应该提供代码示例并指定你的问题。附上JS CodeCan你请将你的问题缩小到a而不是整个项目?你的问题到底是什么?你已经公布了你的目标,但你没有告诉我们你的困境。你应该提供代码示例并指定你的问题。附上JS CodeCan你的问题把你的问题缩小到a而不是整个项目?你的问题到底是什么?你已经公布了你的目标,但你没有告诉我们你的困境。