[SOLVED] Having a visual problem with overlapping ellipses

[VimHax]

@jb4x

Hi VimHax,

Can you please edit your title to something more explicit?

Also can you format your code? You can do it by clicking the little pen icon on the bottom right of your previous post to edit it. Then select your code and hit the </> icon. Don’t forget to also hit crtl+t in the processing IDE to indent everything correctly.

Thank you

No problem :D, I edited the code as you said…

@jb4x

I’m not sure I get your problem correctly.

I think it has to do with the white edge that is still here?

If that’s the case it is normal. With the pixels, you can’t draw a perfect circle. If you had just full black and full white color available, you would be able to draw something that look like a circle but that is really harsh on the side if you look closely.

To avoid that effect, the computer is cheating and he is adding some pixels on the edge that are not fully opaque. Those pixels are there to smooth the edges.

It is called anti-alliasing and here an example:

That’s what is happening in your case. Since some of the edge pixels have some transparency, you can still see a bit of the white beneath it.

Well I don’t see how the code I did with a different sketch to my project worked perfectly the way I wanted, but it doesn’t work in the project where I want to overlap the circles…

Also yes, the white line surround the circle is what I’m talking about and trying to fix.

@kfrajer

Please add background(50); as the first line in draw() . I think this should solve your issue.

Kf

Well I changed it and just to make sure I even moved the whole section up but the results didn’t change…

Edited Code -

//float CircleX = random(0,width);
//float CircleY = random(0,height);
float CircleX = 25;
float CircleY = 25;
int XPlus = 1;
int YPlus = 1;
float TailX = 40;
float TailY = 40;
float Speed = 0;
float Tail = 40;
float SizeX = 10;
float SizeY = 10;
float BackGround = 50;
float EraseX;
float EraseY;

void setup() {
  //fullScreen();
  background(50);
}  

void draw() {

  background(50);
  noStroke();
  fill(255,255,255);
  ellipse(25,25,25,25);
  noStroke();
  fill(100,100,100);
  ellipse(25,25,25,25);
  
  // Collision and Boundary Restriction Logic //  

  //if (CircleX>=width-(SizeX/2)) {XPlus=0; CircleX=width-(SizeX/2);}  

  if (CircleX<=0)   {XPlus=1; CircleX=0;}

  //if (CircleY>=height-(SizeY/2)) {YPlus=0; CircleY=height-(SizeY/2);}

  if (CircleY<=0)   {YPlus=1; CircleY=0;}

  // Collision Reaction Logic // 

  if (XPlus==0) {CircleX=CircleX-Speed;}

  if (XPlus==1) {CircleX=CircleX+Speed;}

  if (YPlus==0) {CircleY=CircleY-Speed;}

  if (YPlus==1) {CircleY=CircleY+Speed;} 
  
  // Tail Logic //
  
  if (XPlus==0) {TailX=Tail;}

  if (XPlus==1) {TailX=-Tail;}

  if (YPlus==0) {TailY=+Tail;}

  if (YPlus==1) {TailY=-Tail;}
  
  // Erase Logic //
  
  if (XPlus==0) {EraseX=CircleX+Speed;}

  if (XPlus==1) {EraseX=CircleX-Speed;}

  if (YPlus==0) {EraseY=CircleY+Speed;}

  if (YPlus==1) {EraseY=CircleY-Speed;}
  
  // Visuals //
  
  
  
  //noStroke();
  //stroke(255);
  //point(EraseX, EraseY);
 
  // Debugging //
  
  println("--------");
  println(CircleY,"X");
  println(CircleX,"Y");

}

void mousePressed() {
  exit(); 
}