COD208_week1

//cat generator with random features: body proportions, eye color, fur color, tail placement..

​

let canvasWidth = 600;

let canvasHeight = 600;

​

//////////////it will draw the cat based on a chosen middle point!!

let middlePointX = 300;

let middlePointY = 300;

//middle point turn on and off

let showMiddlePoint = false;

​

​

function setup() {

  createCanvas(canvasWidth, canvasHeight);

  //background(100);

}

​

function draw() {

  //background(100);

  noLoop();

  strokeWeight(3);

  //////variables for the cat's features: default, but every run they will be random

​

  //facial proportions

  let eyeSize = random(10, 35);

  let headWidth = random(70, 120);

  let headDownLenght = random(-10, 30);

  let earLenght = random(120, 200);

  let mouthLenght = random(-30, -10);

  //body proportions

  let bodyThickness = random(40, 150);

  let bodyLenght = random(150, 250);

  let tailLenght = random(50);

  let tailThickness = random(10, 40);

  //colors

  let eyeColorR = random(100, 255);

  let eyeColorG = random(100, 255);

  let eyeColorB = random(100, 255);

  let furColorR = random(90, 255);

  let furColorG = random(50, 110);

  let furColorB = random(0, 30);

  let noseColorR = random(250, 255);

  let noseColorG = random(170, 220);

  let noseColorB = random(170, 220);

  //fur color of the cat

  fill(furColorR, furColorG, furColorB);

  push();

  translate(middlePointX, middlePointY);

  //size of cat

  let scaleRatio = random(0.3, 1.3);

  scale(scaleRatio);  

  translate(-middlePointX, -middlePointY);

  //tail: has a %50 chance to be on the left, %50 on the right

  let dice = random(0, 1);

  //TAIL IS ON THE RIGHT

  if (dice <= 0.5) {

  triangle(

  middlePointX + bodyThickness - tailThickness , middlePointY + tailLenght, //tip of the tail

  middlePointX + bodyThickness - tailThickness , middlePointY + bodyLenght,

  middlePointX + bodyThickness , middlePointY + bodyLenght)

  }  

  //TAIL IS ON THE LEFT

  else if (dice <= 1) {

  triangle(

  middlePointX - bodyThickness + tailThickness , middlePointY + tailLenght, //tip of the tail

  middlePointX - bodyThickness + tailThickness , middlePointY + bodyLenght,

  middlePointX - bodyThickness , middlePointY + bodyLenght)

  }

​

  //body

  triangle(

    middlePointX , middlePointY - 50,

    middlePointX + bodyThickness , middlePointY + bodyLenght,

    middlePointX - bodyThickness, middlePointY + bodyLenght);

  //head

  beginShape();

    vertex(middlePointX, middlePointY + headDownLenght);

    vertex(middlePointX + headWidth , middlePointY - 40);

    vertex(middlePointX + 60 , middlePointY - earLenght);

    vertex(middlePointX + 30 , middlePointY - 100);

    vertex(middlePointX - 30 , middlePointY - 100);

    vertex(middlePointX - 60 , middlePointY - earLenght);

    vertex(middlePointX - headWidth , middlePointY - 40);

  endShape(CLOSE);

  //mouth

  push();

  strokeWeight(2);

  line(middlePointX, middlePointY - 35, middlePointX, middlePointY + mouthLenght);

  pop();

  //nose

  fill(noseColorR, noseColorG, noseColorB);

  triangle(

    middlePointX -10 , middlePointY - 40,

    middlePointX, middlePointY - 30,

    middlePointX +10 , middlePointY - 40);

  //eyes

  push();

    fill(eyeColorR, eyeColorB, eyeColorG);

    noStroke();

    circle(middlePointX - 50, middlePointY - 50, eyeSize);

    circle(middlePointX + 50, middlePointY - 50, eyeSize);

  pop();

  //for making the middle point (reference) visible

  if (showMiddlePoint == true) {

    strokeWeight(14);

    stroke('red');

    point(middlePointX, middlePointY);

    strokeWeight(1);

    stroke(1);

  }

  pop();

}

​

function keyPressed() {

  //draws a new cat randomly

  if (key == 'r') {                   

    clear();

    push();

    draw();

    pop();

  }

  //downloads the canvas as a jpg file

  if (key == 's') {

  save('cat.jpg');

  }

}