​

let font;

let stepx;

let stepy;

let layer1;

let layer2;

let layer3;

​

function preload(){

  font = loadFont('GOTHICBI.TTF');

}

​

function setup() {

  createCanvas(600, 600);

  stepx = width / 10;

  stepy = height / 10;

  //noLoop();

  //create layers

  layer1 = createGraphics(width,height);

  layer2 = createGraphics(width,height);

  layer3 = createGraphics(width,height);

}

​

function draw() {

   if(keyIsPressed === true){

     loop();

     background(0);

    fill(255);

    rect(20,20,540,460);

     } else

       { background(255);

          }

  //image(layer3,0,0,width,height);

  //noLoop();

  // background line 

  stroke(45,45,45,25);

  strokeWeight(1);

  noLoop();

  for (let x = 0; x < width; x += stepx) {

    for (let y = 0; y < height; y += stepy) {

      let rand = random(1);

      if (rand < 0.5) {

        line(x, y, 0, 300);

        line(x,y,300,0);

      } else {

        line(x + stepx, y + stepy, 600, 300);

        line(x + stepx, y + stepy, 300, 600);

      }

    }

  }  

  //image(layer1,0,0,width,height);

  //Main content 

  loop();

  noStroke();

  textFont(font);

  textSize(24);

  textAlign(CENTER);

  fill(204, 255, 102);

  // Hiden message

  text('Hi uncle/aunt!',300,80);

  text('It’s a fact, I admit…',300,155);

  text('I feel all right, don’t curse me.',300,230);

  text('If I’m full, I won’t eat more.',300,305);

  push();

  textSize(16);

  text('Please leave me alone, I can deal with how much I eat.',300,376);

  text('It’s my own body, don’t judge me with your thoughts.',300,445);

  textSize(20);

  fill(255);

  text('Don’t use your standards as rules to judge other people',300,520);

  text('it’s improper and offending.',300,540);

  pop();

  //text('Every time these relatives will judge you by figure, grades, relationship.',300, 520);  

  // Visible message

  fill(153, 102, 255);

  text('Hello Minghui!',300,80);

  text('Why you look so slim?',300,155);

  text('It’s not healthy to be so thin.',300,230);

  text('You should eat more for sure.',300,305);

  text('Look, you just eat a little bit.',300,376);

  text('I will tell your parents you are too thin. ',300,445);

​

  if (mouseIsPressed === true){

     blendMode(MULTIPLY);

     fill(153, 102, 255);

     ellipse(mouseX,mouseY,40,40)

     } else{

    blendMode(BLEND);

     }

 // image(layer3,0,0,width,height);

  // noLoop();

  //image(layer1,0,0,width,height);

  //image(layer2,0,0,width,height);

}