I think you just need to throw in some boundaries for your draw methods. So say you're drawing a ton of ellipses or rectangles or something. Just use something like:

Code:

int x, y; //coordinates of your shapes or whatever you're drawing
if(x < 0){
   x = 0;
} else if(x > width){
   x = width;
}

if(y < 0){
   y = 0;
} else if(y > height){
   y = height;
}

//then draw your stuff with your x/y coordinates
 

If your graphics are mainly (or all) generative, then you'll just need to test the outcomes of your math formulas for those boundaries. Did I get this right? Is that what you were asking?  

Well you could always move your boundaries outside the display window a little bit. So instead of 0 to width, you could use boundaries of something like -100 to width+100. And if you don't want your circles to overlap, just measure for their radii. So when you want to draw a circle, you would basically test it against the locations and radii of all your other circles through some sort of for() loop. I'm still not positive I know what you're wanting to do. Maybe explain it a little more or show me a screen shot or something. I'm glad to help, but I've having trouble understanding just what exactly your problem is.

OK, I see. Very beautiful. I love your choice of colors. I see what you are saying about the circles on the edge, but adding those boundaries will still help eliminate circles that are completely off-screen and useless. Just expand the boundaries to a point where the largest circles can still be seen no matter where they are drawn (even if their center is off-screen).

Now that I see your project and understand more what you are trying to accomplish, that original code wouldn't be what you want. As you said, you would basically be repositioning off-screen circles, and you'd get a ton of overlap right on your display window borders (which might actually produce a cool effect  ). What you probably need to do instead, is just eliminate those circles altogether. So when you calculate your formula for the circles, you'll want to do something like this:

Code:

// assuming you are using a custom method
void drawCircle(){
     float x = (your formula);
     float y = (your formula);
     
     if(x > 0 && x < width && y > 0 && y < height){
          ellipse(x, y, yourHeight, yourWidth);
     }
}
 

So now you are calculating your circles, but you're not drawing them unless their potential location lies within the viewable area. So in your case, you may expand the boundaries like we talked about, but adding a conditional statement like the one above will remove the chance that a circle is drawn off screen.
   

I guess I still just don't really understand where you're going with this. Maybe give me some code for one of the circle types. Like show me a method that is drawing circles off screen, and how you want to fix it.

OK after looking through your code, I don't see any instance of you drawing off the screen. All your coordinates for the circles are within your 1200X1200 screen, and the only thing that could even cause them to draw offscreen is your translate() method you call in drawFlower(). So an easy fix to make sure that doesn't cause your circles to move offscreen is a conditional statement like I mentioned before wrapped around your entire drawFlower() method. So here's your modified drawFlower() method:

Code:

void drawFlower(float x,float y,float rad) {
  
  if(x+rad > 0 && x-rad < width && y+rad > 0 && y-rad < height){
    pushMatrix();  
    translate(x,y);
    scale(rand/300); 
    
    for(float i=0; i<11; i++) {
      for(int j = 0; j < 0.4; j += random(32)) {
        for(int k = 0; k < 40; k ++) {
         // ellipseMode(CORNER);
    	ellipse(cx1,cy1,cx2/k,cx2/k);
    
          rotate(radians(1360/num)+0.0003);
    	
        }
      }
      rotate(radians(360/num)+0.0003);
    }
    
    // restore last saved copy of world matrix
    popMatrix();
  }
}
 

The if() statement I wrapped around your entire method will test the incoming x and y coordinates. By taking the coordinates and adding rad to them, we will make sure that if any part of a circle is not visible in the viewable area, it is never drawn, thus eliminating offscreen, non-viewable circles. There is only one problem with this. You never actually use the "rad" variable you pass into drawFlower()! So it's essentially useless. Instead, you define the size of your circles with cx2/k. So you would have to modify your code a bit to get the if() statement in the right spot, or just pass a radius value to drawFlower().

Some other things I noticed about your code. The first for() loop you call in draw() is completely useless. It's not actually doing anything because you're only looping once, meaning your executing everything within it once per frame. So just remove it and you'll get the exact same result. Also, your two for() loops under that are a waste too. Since your xx and yy for() loops are the exact same thing and result in the exact same values, just get rid of one and use the same variable for both arguments when you call drawFlower(). So you could just call drawFlower(xx-100,xx-100,random(0.5,1)); and you would get the exact same result. This eliminates the need for the yy for() loop. Also, to get my if() statement to work with the coordinates + radius, you need to call ellipseMode(CENTER) in the setup(), so we're drawing circles from the center and not the corner.

OK...did I get it this time!?