pixelate script

pixelate.js

let buffer;
let pixelSize = 12;
let size = 400;

function setup() {
  createCanvas(1000, 1000);
  textFont('Times New Roman');
  textSize(size);
  noStroke();
    
  buffer = createGraphics(width, height);
  buffer.background(255);
  buffer.textFont('Times New Roman');
  buffer.textSize(size);
  buffer.fill(0);
  buffer.textAlign(CENTER, CENTER);
  buffer.text('Pixel', width/2, height/2);
}

function draw() {
  background(255);
  
  for (let x=0; x < buffer.width; x += pixelSize) {
    for (let y=0; y < buffer.height; y += pixelSize) {
      let c = buffer.get(x, y);
      console.log(typeof(c));
      fill(c);
      rect(x, y, pixelSize, pixelSize);
    }
  }
}