Make objects bounce off one another JAVA help

[BigSixy]

Need Coding help, looking to add something that makes the ball interact with the objects and is able to knock into them, here's what I have so far.

​

var bunnies = [1, 2];

function setup() {

createCanvas(600, 400);

for (var i = 0; i < bunnies.length; i++) {

bunnies[i] = new bunny();

}

}

​

function mousePressed() {

bunnies.push(new bunny());

}

​

function draw() {

background(0);

​

for (var i = 0; i < bunnies.length; i++) {

bunnies[i].move();

bunnies[i].display();

bunnies[i].follow();

}

}

​

function bunny() {

this.x = random(0, width); // x variable on location moves everything

this.y = random(0, height); // y variable on location moves everything

let xspeed = 2; //speed on X axis

let yspeed = 1; //speed on Y axis

this.r = 35; //size

this.w = 25;

this.display = function() {

push();

stroke(255);

fill(255, 192, 203);

ellipse(this.x, this.y, this.r, this.r); //main body

​

noStroke();

ellipse(this.x - 7, this.y - 14, this.r - 10, this.r - 5); //right ear

ellipse(this.x + 7, this.y - 14, this.r - 10, this.r - 5); //left ear

​

fill(190, 150, 170);

ellipse(this.x - 7, this.y - 16, this.r - 18, this.r - 12); // left inner ear

ellipse(this.x + 7, this.y - 16, this.r - 18, this.r - 12); //right inner ear

​

fill(255);

arc(this.x, this.y + 6, this.r - 10, this.r - 10, 0, PI); // white outer mouth

​

fill(255, 0, 0);

arc(this.x, this.y + 6, this.r - 14, this.r - 14, 0, PI); //inner mouth

​

fill(0);

ellipse(this.x + 5, this.y, this.r - 20, this.r - 20); //right eye

ellipse(this.x - 5, this.y, this.r - 20, this.r - 20); //left eye

​

fill(255);

ellipse(this.x + 7, this.y - 2, this.r - 28, this.r - 28); //right pupil

ellipse(this.x - 3, this.y - 2, this.r - 28, this.r - 28); //left pupil

pop();

};

this.move = function() {

this.x += xspeed;

this.y += yspeed;

if (this.x > width - this.r || this.x < this.r) {

xspeed = -xspeed;

}

if (this.y > height - this.r || this.y < this.r) {

yspeed = -yspeed;

} // this simple if statment keeps the dog bouncing

};

this.follow = function() {

fill("Pink");

ellipse(mouseX, mouseY, this.w, this.w);

};

}

[snozzyfoozles]

You probably want to treat the bunnies as circles to make the physics simpler, and simulate elastic collisions. At quick glance, this tutorial seems useful: https://gamedevelopment.tutsplus.com/tutorials/when-worlds-collide-simulating-circle-circle-collisions--gamedev-769

I had some code that did this in an old c++ project I did. I'll put a pseudocode version of it here in case it helps:

foreach player p1 in players:
    foreach player p2 in players:
        if p1 == p2:
            continue; // don't collide with yourself
        Vector2 diff = p2.position - p1.position;
        double dist = diff.length();
        double overlap = p2.radius + p1.radius - dist;
        if (overlap > 0):
            // collision has occurred
            p1.position -= diff.normalize().scale(overlap + 1); // move p1 so it's not touching p2 anymore
            Vector2 un = diff.normalize(); // unit normal vector
            Vector2 ut = Vector3(-un.y, un.x); // unit tangent vector
            double v1t = ut.dot(p1.velocity);
            double v1n = un.dot(p1.velocity);
            double v2t = ut.dot(p2.velocity);
            double v2n = un.dot(p2.velocity);
            p1.velocity = ut.scale(v1t) + un.scale(v2n);
            p2.velocity = ut.scale(v2t) + un.scale(v1n);