​

function setup() {

  createCanvas(600, 850, WEBGL);

}

​

function draw() {

 push()

  background(255);

  translate(-10,260)

  translate(-300,-600)

  scale(1.5)

 letter()

pop()

  push()

   bg()

  pop()

}

​

function letter(){

  for (let i = 0; i < 30; i++) {

    let v = sin(frameCount * 0.01);

     stroke(i*15,frameCount%190,143)

    // stroke(i%15)

    // translate(i * 10, i * 10 + v * 8);

    noFill()

    ellipse(190, 260, (i+180), v * i-160);

​

    noFill()

    // stroke(i%10)

     stroke(i*10,frameCount%190,143)

    ellipse(250, 155, i+110,  v * i-120);

  }

}

​

function bg(){

    push()

 fill('#FFEB3B');

  scale(4.5)

  translate(0 , 0)

  //controls i increments in each loop

  var space = 1

  push()

  for (var i = 0; i < 360; i+= space) {

    //boundaries for xy height

    var xoff = map(sin(i), 1, 2, 1, 2);

    var yoff = map(cos(i), -1, 3, 1, 4);

    var n = noise (xoff + start ,yoff + start)

    var h = map( n, 0, 1, -150, 50)

    rotate(frameCount*0.02)

    rect(150,0, h, 1)

  }

  pop()

  start += 0.01

  pop()

}

​