poop game

function setup() {
  createCanvas(windowWidth, windowHeight);
  pixelDensity(1); // Crucial for direct pixel array manipulation to work consistently
  noStroke();      // Not strictly necessary for pixel manipulation, but good practice
  
  // Define colors using p5.Color objects for easy RGB level access
  cRed = color(200, 0, 0); // Red for shirt
  cBlue = color(0, 0, 150); // Blue for pants
  cBrown = color(100, 50, 0); // Brown for hair
  cBlack = color(0, 0, 0); // Black for shoes
  cSkin = color(255, 200, 150); // Light peach/orange for skin
  cBackground = color(220); // Light grey background
}

function draw() {
  background(cBackground); // Clear the canvas to the background color each frame

  // Calculate dimensions and positions based on canvas size
  // The man will take up about 80% of the canvas height and 30% of its width, centered
  let manHeight = height * 0.8;
  let manWidth = width * 0.3;
  let manX = (width - manWidth) / 2;
  let manY = (height - manHeight) / 2;

  // Head dimensions and position
  let headHeight = manHeight * 0.2;
  let headWidth = manWidth * 0.6; // Head is narrower than the body
  let headX = manX + (manWidth - headWidth) / 2; // Center head on body width
  let headY = manY;

  // Hair dimensions and position (overlaps the top of the head)
  let hairHeight = headHeight * 0.4;
  let hairWidth = headWidth;
  let hairX = headX;
  let hairY = headY; 

  // Shirt dimensions and position
  let shirtHeight = manHeight * 0.3;
  let shirtWidth = manWidth;
  let shirtX = manX;
  let shirtY = headY + headHeight;

  // Arms dimensions and position (simple extensions from the shirt)
  let armWidth = manWidth * 0.2;
  let armHeight = shirtHeight;
  let leftArmX = manX - armWidth;
  let rightArmX = manX + manWidth;
  let armY = shirtY;

  // Pants dimensions and position
  let pantsHeight = manHeight * 0.3;
  let pantsWidth = manWidth;
  let pantsX = manX;
  let pantsY = shirtY + shirtHeight;

  // Shoes dimensions and position
  let shoesHeight = manHeight * 0.2;
  let shoesWidth = manWidth;
  let shoesX = manX;
  let shoesY = pantsY + pantsHeight;

  // Load the current canvas pixels into the pixels array
  loadPixels();

  // Iterate over every pixel on the canvas
  for (let y = 0; y < height; y++) {
    for (let x = 0; x < width; x++) {
      // Calculate the index for the red channel of the current pixel (x, y)
      // Each pixel has 4 channels: Red, Green, Blue, Alpha
      let index = (x + y * width) * 4;
      let r, g, b, a;

      // Default background color for pixels not part of the man
      r = cBackground.levels[0];
      g = cBackground.levels[1];
      b = cBackground.levels[2];
      a = 255; // Fully opaque

      // Check conditions for each body part and set its color
      // Hair
      if (x >= hairX && x < hairX + hairWidth && y >= hairY && y < hairY + hairHeight) {
        r = cBrown.levels[0];
        g = cBrown.levels[1];
        b = cBrown.levels[2];
      }
      // Head (face)
      else if (x >= headX && x < headX + headWidth && y >= headY && y < headY + headHeight) {
        r = cSkin.levels[0];
        g = cSkin.levels[1];
        b = cSkin.levels[2];
      }
      // Shirt
      else if (x >= shirtX && x < shirtX + shirtWidth && y >= shirtY && y < shirtY + shirtHeight) {
        r = cRed.levels[0];
        g = cRed.levels[1];
        b = cRed.levels[2];
      }
      // Left Arm
      else if (x >= leftArmX && x < leftArmX + armWidth && y >= armY && y < armY + armHeight) {
        r = cRed.levels[0];
        g = cRed.levels[1];
        b = cRed.levels[2];
      }
      // Right Arm
      else if (x >= rightArmX && x < rightArmX + armWidth && y >= armY && y < armY + armHeight) {
        r = cRed.levels[0];
        g = cRed.levels[1];
        b = cRed.levels[2];
      }
      // Pants
      else if (x >= pantsX && x < pantsX + pantsWidth && y >= pantsY && y < pantsY + pantsHeight) {
        r = cBlue.levels[0];
        g = cBlue.levels[1];
        b = cBlue.levels[2];
      }
      // Shoes
      else if (x >= shoesX && x < shoesX + shoesWidth && y >= shoesY && y < shoesY + shoesHeight) {
        r = cBlack.levels[0];
        g = cBlack.levels[1];
        b = cBlack.levels[2];
      }

      // Set the pixel color in the pixels array
      pixels[index] = r;
      pixels[index + 1] = g;
      pixels[index + 2] = b;
      pixels[index + 3] = a;
    }
  }

  // Update the canvas with the modified pixels array, making the man visible
  updatePixels();
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  // No need to redraw background here as draw() does it every frame
}