'How to avoid object overlapping and overtaking?

I am trying to draw circles from same y coordinate. and creating arrays for xPos. I put the speed and xPos random, how to make sure they are not overlapping and the one behind it match the speed to the front one so it wouldn't overtake?

I have retried the code, but it still overlapping for some reason that I couldn't find out? OK now I initialise the k with i+1, so whichever behind it. and I ran flow chart as well, the logic looks alright, still not doing what it should being doing.

int Num=10;
float dia=50;
float[] xPos= new float[Num];
float[] xSpeed=new float[Num];
void setup() {
  size(300, 300);
  for (int i= 0; i<xPos.length; i++) {
    xPos[i]=random(-dia*Num);
    xSpeed[i]=3;
    boolean overlapping=false;
    for(int k=;k<xPos.length;k++){
       float newPos=xPos[k];
      float dist=(newPos-xPos[i]);
      if(dist<dia+50){
        overlapping=true;
        break;
      }
    }   
    if(!overlapping){
     draw();
    }
    }
  }
  

void draw() {
  background(255);
  drawBall();
  moveBall();
  reset();
}
void drawBall() {
  for (int i= 0; i<xPos.length; i++) {
    circle(xPos[i], 50, 50);
  }
}
void moveBall() {
  for (int i= 0; i<xPos.length; i++) {
    xPos[i]+=xSpeed[i];
  }
}
void reset() {
  for (int i= 0; i<xPos.length; i++) {
    if (xPos[i]>width) {
      xPos[i]=0;
    }
  }
}

Solution 1:^[1]

how to make sure they are not overlapping

For this, you could naively check if the new position has already been taken by another such as follows (I haven't run the code, so i probably has bugs, think of it more as a pseudocode):

boolean isItTaken(float[] xPos, float newPos) {
  for (int i= 0; i<xPos.length; i++) {
    if (abs(newPos - xPos[i]) < circleSize) return true;
  }

  return false;
}

for (int i= 0; i<xPos.length; i++) {
  float newPos = random(-50);
  while (isItTaken(xPos, newPos)) {
     newPos = random(-50);
  }
}

I'm sure there are better methods though. Also I think using ArrayList is better than using a simple array.

and the one behind it match the speed to the front one so it wouldn't overtake?

You could set it as a constant number? If you want it to be random, but slower than the previous one, you could set the upper limit of the random function to be the speed of the previous one such as(again, probably buggy):

ArrayList<Float> xSpeed = new ArrayList<Float>;


for (int i= 0; i < Num; i++) {
  xSpeed.push(random(2, xSpeed.get(xSpeed.length - 1)));
}

Solution 2:^[2]

Looks like you have missiong dependencies. Open terminal in root of your project and run command npm install. It will fix your issue.

Solution 3:^[3]

There might be dependencies that are not installed yet. Try checking your package.json file and check if all dependencies are listed there. If not, try running npm install.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	cSharp
Solution 2	Simran Singh
Solution 3	orangesheep

'How to avoid object overlapping and overtaking?

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]

Solution 3:^[3]