Memories and Dreams

let sagrario = {
  age: 19,
  heigh: 158,
  hair: "long",
  happy: 10,
  worried: 3,
  skin_color: [240, 163, 127],
  eyes_color: [43, 18, 6],
  hair_color: [171, 67, 36],
};

let character = sagrario;
let r, g, b;
let swiiitch = true;
let swiitch = true;
let swiiiitch = true;

function setup() {
  createCanvas(500, 500);
  background(255);
}

function draw() {
  if (swiiitch === false) {
    background(r, g, b);
    drawGradient();
  }

  noStroke();
  let flagWidth = 180;
  let flagHeight = 120;

  let x = mouseX - flagWidth / 2;
  let y = mouseY - flagHeight / 2;

  // Left blue stripe
  fill(0, 155, 255);
  rect(x, y, flagWidth / 3, flagHeight);

  // Middle white stripe
  fill(255);
  rect(x + flagWidth / 3, y, flagWidth / 3, flagHeight);

  // Right blue stripe
  fill(0, 155, 255);
  rect(x + (2 * flagWidth) / 3, y, flagWidth / 3, flagHeight);

  // Placeholder for coat of arms (a small green wreath)
  fill(255, 150, 0);
  ellipse(x + flagWidth / 2, y + flagHeight / 2, 20, 20);
}

function keyPressed() {
  if (key === "d" && swiiitch === true) {
    r = random(255);
    g = random(255);
    b = random(255);
    swiiitch = false;
  }
  if (key === "f" && swiitch === true) {
    drawSunglasses();
    swiitch = false;
  }
  if (key === "e" && swiiiitch === true) {
    character.happy *= -1;
    drawGradient();
    swiiiitch = false;
  }


}

function keyReleased() {
  if (key === "d") {
    swiiitch = true;
  }
  if (key === "f") {
    swiitch = true;
    drawGradient();
  }
  if (key === "e") {
    swiiiitch = true;
  }
}

function drawGradient() {
  let c1 = color(r, g, b); // Color superior
  let c2 = color(r, g, b); // Color inferior

  for (let y = 0; y < height; y++) {
    let inter = map(y, 0, height, 0, 1);
    let c = lerpColor(c1, c2, inter);
    stroke(c);
    line(0, y, width, y);
  }

  push();
  translate(width / 2, height / 2);
  stroke(0);

  //hair
  fill(character.hair_color);
  ellipse(0, -30, character.heigh * 2);
  if (character.hair == "long") {
    rect(-character.heigh, 0, character.heigh * 2, 400);
  }


  //face
  fill(character.skin_color);
  ellipse(0, 0, character.heigh * 2);
  strokeWeight(2);

  //eyes
  fill(255);
  ellipse(60, -60, 50);
  ellipse(-60, -60, 50);
  fill(character.eyes_color);
  ellipse(60, -60, 20);
  ellipse(-60, -60, 20);

  //nose
  triangle(-0, -character.age, 20, character.age, 10, character.ages);
  triangle(-0, -character.age, -20, character.age, 10, character.ages);

  //mouth
  let base_mouth = 70;
  line(0, base_mouth + 4 * character.happy, 60, base_mouth);
  line(0, base_mouth + 4 * character.happy, -60, base_mouth);

  //eyebrows
  let base_eyebrows = -115;
  line(10, base_eyebrows + 2 * character.happy, 80, base_eyebrows);
  line(-10, base_eyebrows + 2 * character.happy, -80, base_eyebrows);

  pop();
}

function drawSunglasses() {
  fill(0);
  stroke(0);
  strokeWeight(2);
  line(100, 190, 400, 190);
  fill(255, 255, 0);
  circle(500, 0, 200);
  stroke(255, 255, 0);
  line(400, 40, 360, 60);
  line(425, 80, 390, 120);
  line(460, 120, 440, 160);
  noStroke();
  stroke(0);
  fill(0);
  circle(190, 190, 90);
  circle(310, 190, 90);
}