week7HW 1

var myImage;

var brush;

var btn;

var btnEnableDrawing;

var isManualModeEnabled;

​

var x;

var y;

​

function preload() {

  myImage = loadImage('marilyn.jpg');

  brush = loadImage("brush.png");

}

​

function setup() {

  // Creates the application window params: width=600, height=600

  createCanvas(736, 1308);

  background(250);

  btn = createButton('Clear Canvas');

  btn.position(0, 0);

  btn.mousePressed(btnPressed);

  btnEnableDrawing = createButton('Enable Manual Mode');

  btnEnableDrawing.position(100, 0);

  btnEnableDrawing.mousePressed(btnPressedManualMode);

  isManualModeEnabled = false;

​

}

​

function btnPressedManualMode() {

  if(isManualModeEnabled == false) {

    isManualModeEnabled = true;

    btnEnableDrawing.html('Enable Automatic Mode');

  }

  else if(isManualModeEnabled == true) {

    isManualModeEnabled = false;

    btnEnableDrawing.html('Enable Manual Mode');

  }

}

​

function btnPressed() {

  background(255);

}

​

​

function draw() {

  // Place loaded myImage variable into the image() function to display it on the canvas

  image(myImage, 0, 0);

}

let img;

let gridSz;

​

function preload() {

  img = loadImage("marilyn.jpg");

}

​

function setup() {

  createCanvas(736, 1308);

  noStroke();

​

  // Size of the each pixel grid

  gridSz = 8;

  noLoop();

}

​

function draw() {

  //background(220);

​

  img.loadPixels();

  for (var y = 0; y < height; y += gridSz) {

    for (var x = 0; x < width; x += gridSz) {

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

​

      let pix = img.get(x, y);

      // pixel color at the x and y position 

      fill(red(pix), green(pix), blue(pix), 255);

      // draw rectangle

      rect(x, y, gridSz, gridSz);

      ellipse(x, y, gridSz, gridSz);

    }

  }

  img.updatePixels();

​

  //image(img, 0, 0);

}

function keyPressed() {

  if(key == 'r') 

    saveCanvas('melisakti_computational_collaga.jpg');

  }

​