Javascript 收集所有精灵时如何显示图像(播放)

Javascript 收集所有精灵时如何显示图像(播放),javascript,p5.js,collect,Javascript,P5.js,Collect,我正在用p5js编写一个简单的游戏,其中一个人在收集了所有的“点球”后获胜。但我不知道如何显示图像时,所有的洒水收集。有人能帮我吗?我将代码部分放在其中“喷洒”并收集发生的事情,因为整个代码相当长 function setup(){ sprinkles = new Group(); for(var i = 0; i <25; i++) { var ang = random(360); var px = SCENE_W/2 + 1000*cos(ra

我正在用p5js编写一个简单的游戏,其中一个人在收集了所有的“点球”后获胜。但我不知道如何显示图像时,所有的洒水收集。有人能帮我吗?我将代码部分放在其中“喷洒”并收集发生的事情,因为整个代码相当长

function setup(){
    sprinkles = new Group();

    for(var i = 0; i <25; i++) {
      var ang = random(360);
      var px = SCENE_W/2 + 1000*cos(radians(ang));
      var py = SCENE_H/2 + 1000*sin(radians(ang));
      createSprinkles(2, px, py);
    }
}

 function draw(){
    for(var j=0; j<sprinkles.length; j++) {
      var s = sprinkles[j];
      if(s.position.x<-MARGIN) s.position.x = SCENE_W+MARGIN;
      if(s.position.x>SCENE_W+MARGIN) s.position.x = -MARGIN;
      if(s.position.y<-MARGIN) s.position.y = SCENE_H+MARGIN;
      if(s.position.y>SCENE_H+MARGIN) s.position.y = -MARGIN;
    }
  mouse.overlap(sprinkles, collect);
} 

function createSprinkles(type, x, y){
    var a = createSprite(x, y);
    var img = loadImage('assets/sprinkles/sprinkle'+floor(random(0,5))+'.png');
    a.addImage(img);
    a.setSpeed(2.5-(type/2), random(360));
    a.rotationSpeed = 0.5;
    sprinkles.add(a);
  }

  function collect(collector, collected) {
    collector.changeAnimation('stretch');
    collector.animation.rewind();
    collected.remove();
  }

函数设置(){
Spreads=新组();

对于(var i=0;i我找到了!我犯了一个非常愚蠢的错误……这是有史以来最愚蠢的错误,因为我太累了。耶

因此,如果有人想知道同样的事情:

if(sprinkles.length<1){
   background(255,200,0);
}
if(springs.length