let simplified = ('ZCOOL XiaoWei');

let traditional = ('ZCOOL QingKe HuangYou');

​

​

function setup() {

  createCanvas(600, 600);

  // angleMode(DEGREES);

}

​

function draw() {

  // //mosaic

  // push();

  // for (let x = 5; x <= mouseX; x += 15) {

  //   for (let y = 5; y <= width; y += 15) {

  //     // fill(random(255), random(255), random(255));

  //     // noStroke();

  //     stroke(random(255), random(255), random(255), random(255));

  //     // stroke(150, random(255), random(55));

  //     noFill();

  //     // stroke(170, random(255));

  //     // rect(x, y, 5, 5);

  //   }

  // }

  // pop();

​

  // //lines

  // push();

  // for (let x = 0; x <= mouseX; x += 35) {

  //   for (let y = 0; y <= width; y += 35) {

  //     // fill(random(255), random(255), random(255));

  //     // noStroke();

  //     stroke(random(255), random(255), random(255), random(255));

  //     // stroke(150, random(255), random(55));

  //     noFill();

  //     line(x + 10, y + 10, 300, 300);

  //     // stroke(170, random(255));

  //   }

  // }

  // pop();

​

​

  // //ellipse

  //   push();

  //   for (let x = 5; x <= mouseX; x += 10) {

  //     for (let y = 5; y <= width; y += 10) {

  //       // fill(random(255), random(255), random(255));

  //       // noStroke();

  //       stroke(random(255), random(255), random(255));

  //       noFill();

  //       // ellipse(x, y, 10, 10);

  //       ellipse(x, y, 5, 5);

  //     }

  //   }

  //   pop();

​

​

​

  if (mouseX > 300) {

    background(3);

    fill(232, 232, 223, random(150, 255));

    textAlign(CENTER);

    textSize(11);

    textFont(pinyin);

    text('chuán        tóng        jín       shú        yú        guò        qù', 300, 279);

    textFont(traditional);

    textSize(20);

    text('傳       統       僅       屬       於       過       去', 300, 305);

    // filter(BLUR, x);

    // x = map(mouseX, 0, 300, 1, 8);

  } else {

    background(232, 232, 223);

    fill(164, 50, 16, random(150, 255));

    textAlign(CENTER);

    textSize(11);

    textFont(pinyin);

    text('wēn      huà      zhèng    zaì        liú        shī', 298, 285);

    textFont(simplified);

    textSize(13);

    text('文      化      正      在      流      失', 300, 305);

    // filter(BLUR, 1);

  }

​

  bgText();

}

​

function bgText() {

  push();

  for (let x = 10; x <= mouseX; x += 65) {

    for (let y = 17; y <= 610; y += 35) {

      textSize(10);

      textFont(simplified);

      fill(164, 50, 16, random(255));

      text('这就是你\n想要的吗?', x, y);

      // noFill();

      // if (mouseX < 400) {

      //   text('这是你想要的吗', x, y);

      // } else {

      //   text('再見', x, y);

      // }

    }

  }

  pop();

}