week7

//Variables to images and control settings

var baseImage, stampImage; //Primary and brush images

var activateButton, deactivateButton, pixelButton, saveButton; //Buttons for user interaction

var posX, posY; //Coordinates for brush placement

var mode = "random"; //Mode to track user control

​

function preload() {

  baseImage = loadImage("Benedict Cumberbatch.jpg"); //Load main image for canvas

  stampImage = loadImage("brush1.png"); //Load brush image

}

​

function setup() {

  //Create and style the buttons

  activateButton = createButton('Enable User Control');

  activateButton.position(10, 10);

  activateButton.style('background-color', '#4CAF50'); //Green color

  activateButton.style('color', 'white'); //Text color

  activateButton.mousePressed(enableUserMode);

​

  deactivateButton = createButton('Enable Random Mode');

  deactivateButton.position(150, 10);

  deactivateButton.style('background-color', '#F44336'); //Red color

  deactivateButton.style('color', 'white'); //Text color

  deactivateButton.mousePressed(enableRandomMode);

​

  pixelButton = createButton('Pixel Mode');

  pixelButton.position(290, 10);

  pixelButton.style('background-color', '#FFA500'); //Orange color

  pixelButton.style('color', 'white'); //Text color

  pixelButton.mousePressed(enablePixelMode);

​

  saveButton = createButton('Export Image');

  saveButton.position(400, 10);

  saveButton.style('background-color', '#008CBA'); //Blue color

  saveButton.style('color', 'white'); //Text color

  saveButton.mousePressed(saveCanvasImage);

​

  //Set up the canvas

  createCanvas(600, 750);

}

​

function draw() {

  noStroke(); //Remove stroke

​

  //Set position coordinates based on mode

  if (mode === "user") {

    posX = mouseX;

    posY = mouseY;

  } else {

    posX = int(random(0, baseImage.width));

    posY = int(random(0, baseImage.height));

  }

​

  //Get color

  var colorAtPixel = baseImage.get(posX, posY);

  fill(red(colorAtPixel), green(colorAtPixel), blue(colorAtPixel), 150);

​

  //Render effects

  if (mode === "pixel") {

  //Pixel effect

    let pixelSize = random(5, 20);

    rect(posX, posY, pixelSize, pixelSize);

  } else {

  //Brush mode

    push();

    imageMode(CENTER);

    angleMode(DEGREES);

    translate(posX, posY);

    rotate(random(360));

    scale(random(0.1, 0.4));

    tint(red(colorAtPixel), green(colorAtPixel), blue(colorAtPixel), 150);

    image(stampImage, 0, 0);

    pop();

  }

}

​

//Switch to autonomous random mode

function enableRandomMode() {

  mode = "random";

}

​

//Switch to interactive user control mode

function enableUserMode() {

  mode = "user";

}

​

//Switch to pixel mode

function enablePixelMode() {

  mode = "pixel";

}

​

//Save the canvas image

function saveCanvasImage() {

  saveCanvas('nazipek_processed_image.jpg');

}

​

​

​