Hey I was wondering about how I would add more balls to the program over time and how to make the program freeze or stop if the image touches a ball. thanks!



int numBalls = 1;
float spring = .05;
float gravity = 0.1;
float friction = -1;
Ball[] balls = new Ball[numBalls];
PImage b;
int timer=0;
int elapsed=0;
int del=2000;

void setup()
{
  size(1000, 400);
 timer=millis();
  noStroke();
  smooth();
  for (int i = 0; i < numBalls; i++) {
    balls[i] = new Ball(random(width), random(height), random(20, 40), i, balls);
 b = loadImage("thing.gif");
  }
}

void draw()
{
  noCursor();
  background(0);
 
  for (int i = 0; i < numBalls; i++) {
    balls[i].collide();
    balls[i].move();
    balls[i].display(); 
  }
}

class Ball {
  float x, y;
  float diameter;
  float vx = 0;
  float vy = 0;
  int id;
  Ball[] others;
 
  Ball(float xin, float yin, float din, int idin, Ball[] oin) {
    x = xin;
    y = yin;
    diameter = din;
    id = idin;
    others = oin;
   
       elapsed=millis()-timer; // measure elapsed time
 if (elapsed>del*1){

 }
  }
 
  void collide() {
    for (int i = id + 1; i < numBalls; i++) {
      float dx = others[i].x - x;
      float dy = others[i].y - y;
      float distance = sqrt(dx*dx + dy*dy);
      float minDist = others[i].diameter/2 + diameter/2;
      if (distance < minDist) {
        float angle = atan2(dy, dx);
        float targetX = x + cos(angle) * minDist;
        float targetY = y + sin(angle) * minDist;
        float ax = (targetX - others[i].x) * spring;
        float ay = (targetY - others[i].y) * spring;
        vx -= ax;
        vy -= ay;
        others[i].vx += ax;
        others[i].vy += ay;
      }
    }  
  }
 
  void move() {
    vy += gravity;
    x += vx;
    y += vy;
    if (x + diameter/2 > width) {
      x = width - diameter/2;
      vx *= friction;
    }
    else if (x - diameter/2 < 0) {
      x = diameter/2;
      vx *= friction;
    }
    if (y + diameter/2 > height) {
      y = height - diameter/2;
      vy *= friction;
    }
    else if (y - diameter/2 < 0) {
      y = diameter/2;
      vy *= friction;
    }
  }
 
  void display() {
    fill(255, 204);
    ellipse(x, y, diameter, diameter);
      image(b, mouseX, mouseY);
  }
}
void mouseClicked(){
setup();
}