​

// example: https://glitch.com/edit/#!/rough-basic-canvas?path=index.html%3A21%3A7

​

let rc;

function setup() {

  let c = createCanvas(600, 400);  

  rc = rough.canvas(c.elt);

  const seed = rough.newSeed();

  angleMode(DEGREES);

}

​

function draw() {

  background(107,62,38);

  fill("white");

  text("Prog-ctober 2nd - Bananas!",10,20);

  bananaAt(180,200,360-frameCount,.8);

​

  for (let t=0;t<360;t+=36){

    let x = cos(t)*40;

    let y = sin(t)*40;

    bananaAt(300-mouseX/10+x,200+y-mouseY/10,t+sin(frameCount)*60);

  }

  bananaAt(420,200,frameCount,.8);

}

​

function bananaAt(x,y,angle,scaling=.4){

  push();

  translate(x,y);

  scale(scaling);

  rotate(angle);

  for (i=0;i<20;i++){

    rc.circle(i*9, sin(30+i*6)*90, 

              60+sin(-90+i*18)*15 , {    

      fill: (i>2)?"rgb(251,236,93,1)"

                  :"rgb(139,58,28)(251,236,93,1)",

      stroke: (i>2)?"rgb(255,251,201,1)"

                    :"",

      fillWeight: 2,

      hachureGap: 8,

      roughness: i%4

    });

  }

  pop();  

}

​