Circumscribe perlin cloud

Processing Coding Questions
1

Hello, I am trying to draw something that looks like a cloud. I like the effect I get with using perlin noise like this:

float t1 = 0.0;
float t2 = 10000;
void setup(){
  size(700,700);
  noLoop();
  loadPixels();

}

void draw(){
  float xx=t1;
  for(int i = 0; i<width; i++){
    float yy=t2;
    for(int j = 0; j<height; j++){
      float bright = map(noise(xx,yy,t2),0,1,0,255);
      colorMode(HSB, 256);
      pixels[i + j *width] = color(20, 100, bright); 
      yy += 0.008;

    }
    xx += 0.008;

  }
  updatePixels();
}

Can someone help me to find a way to restrict the cloud to a part of the image, preferably forming an oval shape?
I tried to change width in line 12 to (width-100) but the cloud gets cut and that is not what I am looking for.
Thank you for the help

2

Using the dist() function, we can see if the pixels are close enough to the center. I added some new variables at the top to help with adjusting.
Code:

float t1 = 0.0;
float t2 = 10000;
int size = 100;
int posX;
int posY;
void setup(){
  size(700,700);
  loadPixels();
  noLoop();
  posX = width/2;
  posY = height/2;
}

void draw(){
  float xx=t1;
  for(int i = 0; i<width; i++){
    float yy=t2;
    for(int j = 0; j<height; j++){
      float bright = map(noise(xx,yy,t2),0,1,0,255);
      colorMode(HSB, 256);
      if(dist(posX, posY, i, j)<size) {
        pixels[i + j *width] = color(0, 100, bright);
      } else {
        pixels[i + j *width] = color(0, 0, 0, 0); 
      }
      yy += 0.008;
    }
    xx += 0.008;
  }
  updatePixels();
}

Personally, I don’t like using loadPixles()/updatePixles(), but you do you!

3

Thanks. The effect I am looking for is more like a cloud in the middle of the image and not so much like a circle with a cloud pattern. I don’t specially like using loadPixles()/updatePixles() it is just the way I found to do something like a cloud. How would you do it?

4

Sorry about how long I’m taking to get back to you, I think I can have it done by today.