var2

float xOff, yOff, zOff;
int step = 5, frms= 240, fc;
long rs = (long) random(1000);
PGraphics pg;
boolean save;

void setup() {
  size(350, 350, P2D);
  pg = createGraphics(width, height, P2D);
}

void draw() {
  randomSeed(rs);
  background(0);
  createNoise(color(#2537b5), random(10000));
  createNoise(color(#ff3804), random(10000));
  createMask();
  blend(pg, 0, 0, width, height, 0, 0, width, height, ADD);
  zOff += TWO_PI/frms;
  //if (frameCount<=200) saveFrame("/Volumes/Anim/image-###.gif");
  if (save & frameCount<=(fc+frms)) saveFrame("image-###.gif");
}

void createNoise(color c, float r) {
  xOff=r;
  for (int x=0; x<width; x+=step) {
    yOff=0;
    xOff += 0.05;
    for (int y=0; y<width; y+=step) {
      float ns = noise(xOff, yOff, sin(zOff+xOff));
      float sz = map(ns, 0, 1, 0, step*2);
      noStroke();
      fill(c);
      if (ns>0.5) ellipse(x, y, sz, sz);
      yOff += 0.03;
    }
  }
}

void mouseReleased() {
  rs = (long) random(10000);
}

void keyPressed() {
  fc = frameCount;
  save = true;
}

void createMask() {
  float sz = width*.75;
  pg.beginDraw();
  pg.background(255);
  pg.fill(0);
  pg.noStroke();
  pg.ellipse(width/2, height/2, sz, sz);
  pg.endDraw();
}