Portrait

let img;

let pixelSize = 10;

let brightnessLevel = 1;

let contrastLevel = 1;

let effectToggle = false;

let drawing = false;

let speed = 1;

​

function preload() {

  img = loadImage('aliciakeys.jpg'); // Replace with your image path

}

​

function setup() {

  createCanvas(600, 600);

  img.resize(width, height);

  noStroke();

​

  // Brightness Slider

  createP("Brightness:");

  let brightnessSlider = createSlider(0, 2, 1, 0.01);

  brightnessSlider.input(() => brightnessLevel = brightnessSlider.value());

​

  // Contrast Slider

  createP("Contrast:");

  let contrastSlider = createSlider(0, 3, 1, 0.01);

  contrastSlider.input(() => contrastLevel = contrastSlider.value());

​

  // Pixel Size Slider

  createP("Pixel Size:");

  let pixelSlider = createSlider(1, 20, 10);

  pixelSlider.input(() => pixelSize = pixelSlider.value());

​

  // Effect Toggle Button

  let toggleButton = createButton("Toggle Effect");

  toggleButton.mousePressed(() => effectToggle = !effectToggle);

}

​

function draw() {

  if (drawing) {

    img.loadPixels();

​

    for (let y = 0; y < img.height; y += pixelSize) {

      for (let x = 0; x < img.width; x += pixelSize) {

        if (mouseX > x && mouseX < x + pixelSize && mouseY > y && mouseY < y + pixelSize) {

          let index = (x + y * img.width) * 4;

          let r = img.pixels[index];

          let g = img.pixels[index + 1];

          let b = img.pixels[index + 2];

​

          r = constrain(r * brightnessLevel * contrastLevel, 0, 255);

          g = constrain(g * brightnessLevel * contrastLevel, 0, 255);

          b = constrain(b * brightnessLevel * contrastLevel, 0, 255);

​

          let nx = x;

          let ny = y;

​

          if (effectToggle) {

            let noiseFactor = (random() - 0.5) * pixelSize;

            nx += noiseFactor;

            ny += noiseFactor;

          }

​

          fill(r, g, b);

          rect(nx, ny, pixelSize, pixelSize);

        }

      }

    }

  }

}

​

function mousePressed() {

  drawing = true;

}

​

function mouseReleased() {

  drawing = false;

}

​

function mouseMoved() {

  // Adjust speed based on mouse's X position

  speed = map(mouseX, 0, width, 0.1, 5);

  frameRate(speed * 30); // Adjust frame rate based on speed

}

​

​

​

​

​