 # Hi Guys! I just need help figuring out how to change the color of the bouncing ball every time the player circle collides with it

int rad = 60; // Width of the shape
float xpos, ypos; // Starting position of shape

float xspeed = 2.8; // Speed of the shape
float yspeed = 2.2; // Speed of the shape

int xdirection = 1; // Left or Right
int ydirection = 1; // Top to Bottom

void setup()
{
size(640, 360);
noStroke();
frameRate(30);
// Set the starting position of the shape
xpos = width/2;
ypos = height/2;
}

void draw()
{
background(102);

// Update the position of the shape
xpos = xpos + ( xspeed * xdirection );
ypos = ypos + ( yspeed * ydirection );

// Test to see if the shape exceeds the boundaries of the screen
// If it does, reverse its direction by multiplying by -1
xdirection *= -1;
}
ydirection *= -1;
}

// Draw the shape
}

This what I need to achieve;

please format code with </> button * homework policy * asking questions

Alright I updated a bit, I just don’t understand how I’m suppose to get the smaller circle to stick with the original colour.

Heres the new code;

int rad = 60; // Width of the shape
float xpos, ypos; // Starting position of shape

float xspeed = 2.8; // Speed of the shape
float yspeed = 2.2; // Speed of the shape

int xdirection = 1; // Left or Right
int ydirection = 1; // Top to Bottom

void setup()
{
size(640, 360);
noStroke();
frameRate(30);
// Set the starting position of the shape
xpos = width/2;
ypos = height/2;
}

void draw()
{
background(102);

// Update the position of the shape
xpos = xpos + ( xspeed * xdirection );
ypos = ypos + ( yspeed * ydirection );

// Test to see if the shape exceeds the boundaries of the screen
// If it does, reverse its direction by multiplying by -1
xdirection *= -1;
}
ydirection *= -1;
}

// Draw the shape
ellipse (mouseX,mouseY,30,30);

//Allowing the bouncing ball to change color when they collide
if(dist(mouseX, mouseY,xpos,ypos) < 100){
fill(0, 0, 255);
}
else{
fill(255);
}

}

You can let have both balls different colors

Just use two variables (col1 and col2) and say

• fill(col1); before ball 1 and
• fill(col2); before ball 2

Now upon a color change don’t use `fill()`! Instead change the variable that holds the color for the ball you want to change. Like `col1 = color(random(255));`

Before setup() say

``````color col1 = color(255);
color col2 = color(0,0,255);
``````

yea thanks, I just figured it out, it wasn’t your way do you think it’s acceptable.

final code (I think);

int rad = 60; // Width of the shape
float xpos, ypos; // Starting position of shape

float xspeed = 2.8; // Speed of the shape
float yspeed = 2.2; // Speed of the shape

int xdirection = 1; // Left or Right
int ydirection = 1; // Top to Bottom

void setup()
{
size(640, 360);
noStroke();
frameRate(30);
// Set the starting position of the shape
xpos = width/2;
ypos = height/2;
}

void draw()
{
background(102);

// Update the position of the shape
xpos = xpos + ( xspeed * xdirection );
ypos = ypos + ( yspeed * ydirection );

// Test to see if the shape exceeds the boundaries of the screen
// If it does, reverse its direction by multiplying by -1
xdirection *= -1;
}
ydirection *= -1;
}

// Draw the bouncing ball

//change color if circles are coliding
fill(0, 0, 255);
}
else{
fill(255);
}
//draw the player circle
ellipse (mouseX,mouseY,20,20);

//Keeping the Player circle white when colliding with bouncing ball
if (dist(mouseX, mouseY,xpos,ypos) < 100){
fill(0,0,255);
}
else{
fill(255);
}
}

it definitely okay when it’s working!

Congrats!

But mind you,

• the ellipse at the start of draw (the bouncing ball)
• gets its color from the fill at the end of draw (pretty far away)

So my comment, but not a criticism:

• Not very clear to read and
• when you add another item with another color at the end of draw(), the 1st ellipse will loose its color. That’s an error that would be difficult to find.

Chrisir

1 Like