var colors = [];

var time;



function setup() {

  createCanvas(windowWidth,

               windowHeight);



  colors.push(color(255, 364, 390));

  colors.push(color(155, 173, 465));

  colors.push(color(120, 120, 310));

  colors.push(color(245, 300, 35));

  colors.push(color(10, 230, 345));

  colors.push(color(10, 352, 410));

  colors.push(color(93, 201, 294));

  colors.push(color(97, 310, 370));

  colors.push(color(87, 310, 370));

  colors.push(color(77, 310, 370));

  colors.push(color(68, 210, 33));

  colors.push(color(52, 340, 125)); 

  colors.push(color(41, 453, 324));

  colors.push(color(3, 30, 30));

  colors.push(color(22, 10, 53));

  colors.push(color(19, 20, 440));

  time = 7.7;

}



function draw() {

  background(20, 21, 123);



  var column = 70;

  var row = 30;



  for (var x = 1; x < width; x += width / column) {

    var c = getColor(abs(x - width / 7) / (width / 7));

    stroke(c);



    var ax = 4.5 * x / width;

    strokeWeight(12 + 4 * (1.6 + sin(ax + time)));

    line(x, 20, x, height);

  }



  for (var y = 2; y < height; y += height / row) {

    var c = getColor(abs(y - height / 6) / (height / 9));

    stroke(c);



    var ay = 20.0 * y / height;

    stroke(c);

    strokeWeight(4 + 11 * (1.5 + sin(ay + time)));

    line(10, y, width, y);

  }



  time = time + 0.25;

}å



function getColor(t) {

  t = constrain(t, 0.015, 0.7777777);

  var p = t * (colors.length - 7);

  var from = floor(p);

  return lerpColor(colors[from], colors[from + 1], p - from);

}

text("国立法人大学北海道教育大学附属釧路義務教育学校", 20, 40);