f=0

​

function setup() {

  createCanvas(600, 600);

  background(0);

  frameRate(10)

}

​

function draw() {

  t = (f/nbFrames)%1; // normalyse time (nbFrames) from 0 to 1

  //Mask for a marge

  rectMode(CENTER)

  beginClip();

  rect(width/2,height/2,width*0.75)

  endClip();

  // ALgo

  x = noise(f*0.75)*width;

  y = noise(1000,f*0.75)*height;

  w = width-(width*t);

  wh = noise(10000,f*0.008)*w;

  blendMode(DIFFERENCE)

  fill(255);

  rect(x,y,wh,wh)

  if (frameCount == nbFrames) noLoop();

  f++;

  // for recording gif

  /*if (frameCount == nbFrames && record == 1) {

    const capture = P5Capture.getInstance();

    capture.start({

      duration: nbFrames*6,

    });

  }*/

}

​

// for recording gif

​

let record = 0; // 1 =  on enregistre ; 0 = on n’enregistre pas 

​

P5Capture.setDefaultOptions({

  format: "gif",

  framerate: 60,

  quality: 1,

  disableUi : 1-record

});