21-0322a

/******************

Code by KAORI

Original code link:

https://openprocessing.org/sketch/1143035

 I like Generative art, and I write a lot with P5.js! Thank you ꉂ (ˊᗜˋ *)

​

Author links:

https://twitter.com/zkaori1012

https://github.com/qaori

******************/

​

// 色を悩みましたーーーーw

// https://coolors.co/34094d-38073c-491442-5a2047-7b3852-bd6868-d69996-f0b5cc

// https://coolors.co/0fdba8-a8039b-cf5e0e-1d7a63-61295c-ab4700-f58f47-ff7c1f

let c = ['#0fdba8','#a8039b','#cf5e0e','#1d7a63','#61295c','#ab4700','#f58f47','#ff7c1f'];

// let c = ['#34094d','#38073c','#491442','#5a2047','#7b3852','#bd6868','#d69996','#f0b5cc'];

// let c = ['#ef6351', '#f38375', '#f7a399', '#fbc3bc', '#ffe3e0'];

​

let moji = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];

// フランス語で、「かおりです。はじめましてー！」

const mensagem = `Je suis KAORI! 

Ravi de vous rencontrer!`;

​

function preload() {

  font = loadFont("Sketch 3D.otf");

}

​

function setup() {

  createCanvas(800, 800);

  textFont(font);

  background(random(c));

  let cols = 20;

  let rows = cols;

​

  let cellW = width / cols;

  let cellH = height / rows;

  let d = cellW / 1.4;

​

  for (let j = 0; j < rows; j = j + 1) {

    for (let i = 0; i < cols; i = i + 1) {

      let x = i * cellW;

      let y = j * cellH;

​

      fill(random(c));

      textSize(d);

      textAlign(CENTER, CENTER);

      text(random(moji), x + cellW / 2, y + cellH / 2);

      text(random(moji), x + cellW / 2, y + cellH / 2);

    }

  }

​

  strokeWeight(6.0);

  strokeCap(ROUND);

  fill(255, 241, 208);

  rect(50, height * 0.42, 710, 100, 10, 1, 10, 1);

  fill(0);

  textSize(40);

  text(mensagem, width / 2, height * 0.48);

}