week 7

var baseImage, stampImage; 

var activateButton, deactivateButton, blurButton, saveButton; //buttons

var posX, posY; //coordinates 

var mode = "random"; 

​

function preload() {

  baseImage = loadImage("spider.man.jpg"); //load image

  stampImage = loadImage("brush.png"); //load brush

}

​

function setup() {

  //create buttons

  activateButton = createButton('Enable User Control');

  activateButton.position(10, 10);

  activateButton.style('background-color', '#9c7b81'); 

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

  activateButton.mousePressed(enableUserMode);

​

  deactivateButton = createButton('Enable Random Mode');

  deactivateButton.position(150, 10);

  deactivateButton.style('background-color', '#bc1fc6'); 

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

  deactivateButton.mousePressed(enableRandomMode);

​

  blurButton = createButton('Enable Blur Mode');

  blurButton.position(300, 10);

  blurButton.style('background-color', '#bc086e'); 

  blurButton.style('color', 'white'); 

  blurButton.mousePressed(enableBlurMode);

​

  saveButton = createButton('Export Image');

  saveButton.position(450, 10);

  saveButton.style('background-color', '#23b282'); 

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

  saveButton.mousePressed(saveCanvasImage);

​

  //canvas

  createCanvas(600, 750);

}

​

function draw() {

  noStroke(); 

​

  //set coordinates 

  if (mode === "user") {

    posX = mouseX;

    posY = mouseY;

  } else {

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

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

  }

​

  //color

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

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

​

  //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);

​

  if (mode === "blur") {

    filter(BLUR, 3); // apply blur effect

  }

​

  image(stampImage, 0, 0);

  pop();

}

​

//switch to random mode

function enableRandomMode() {

  mode = "random";

}

​

//switch to  user control mode

function enableUserMode() {

  mode = "user";

}

​

//switch to blur mode

function enableBlurMode() {

  mode = "blur";

}

​

//save

function saveCanvasImage() {

  saveCanvas('kerem_alp_processed_image.jpg');

}

​