var rect_h = 290;

var r = 0;

var g = 255;

var b = 0;

var wid = window.innerWidth;

var hei = window.innerHeight;

speed = 0.03;

function setup() {

  createCanvas(wid,hei);

}

​

​

function draw() {

  background(0);

  textSize(32);

  fill(255);

  text('OXYGEN',400,300);

    noFill();

    stroke(255);

  strokeWeight(4);

    //strokeSize(4);

    rect(100,50,200,300);

    if (rect_y > 200 && rect_y < 250){

    r = 255;

    g = 255;

  } else if(rect_y > 250 && rect_y < 345){

        g = 0;  

    } else if(rect_y > 345 ){

        speed = 0 ;

    }

    noStroke();

    fill(r,g,0);

    rect(110,rect_y,180,rect_h)

    rect_y += speed;

    rect_h -= speed;

}