Sketch 2026-03-06 17:30

function preload() {
  // Load your uploaded image
  // The name 'images (19).jpeg' is taken from your project files list.
  // Ensure this file is present in your project.
  img = loadImage('images (19).jpeg');
}

function setup() {
  createCanvas(windowWidth, windowHeight);
  // Tip: Use windowWidth/windowHeight for responsive canvas

  gameScore = 0;
  modMenuOpen = false;
  gamePaused = false; // Initialize game as unpaused
  
  // Initialize target position
  // Ensure target doesn't spawn under the mod menu trigger image
  targetX = random(clickAreaSize + targetSize, width - targetSize);
  targetY = random(clickAreaSize + targetSize, height - targetSize);

  // --- MOD MENU UI ---
  // Create a div element for the mod menu
  // p5.createDiv automatically assigns an ID based on the variable name (e.g., "modMenuDiv")
  modMenuDiv = createDiv('<h2>Mod Menu</h2>');
  modMenuDiv.position(50, 50); // Position the menu
  modMenuDiv.style('z-index', '1000'); // Ensure it's on top of the canvas
  modMenuDiv.style('display', 'none'); // Hidden initially

  // Add game speed slider
  createP('Game Speed: (Higher value = Slower game)').parent(modMenuDiv);
  speedSlider = createSlider(10, 120, gameSpeed, 10); // Min, Max, Initial, Step
  speedSlider.parent(modMenuDiv);
  speedSlider.input(updateGameSpeed); // Call updateGameSpeed when slider changes

  // Add "Pause/Resume Game" button
  pauseButton = createButton(gamePaused ? 'Resume Game' : 'Pause Game');
  pauseButton.parent(modMenuDiv);
  pauseButton.mousePressed(toggleGamePause); // Call toggleGamePause when button is pressed

  // Add "Add Score" button
  scoreButton = createButton('Add 100 Score');
  scoreButton.parent(modMenuDiv);
  scoreButton.mousePressed(addScore); // Call addScore when button is pressed

  // Add "God Mode" button
  godModeButton = createButton('God Mode (Set Score to 1000)');
  godModeButton.parent(modMenuDiv);
  godModeButton.mousePressed(activateGodMode); // Call activateGodMode when button is pressed
  // --- END MOD MENU UI ---
}

function draw() {
  // 1. Draw the main background or zoomed image based on modMenuOpen state
  if (modMenuOpen) {
    // If mod menu is open, zoom in the image to fill the screen
    image(img, 0, 0, width, height);
  } else {
    // Otherwise, draw the default background for the game
    background(220);

    // 2. Game Logic (only if mod menu is closed)
    if (!gamePaused) { // Game updates only if mod menu is not open AND game is not paused
      // Display score
      textSize(24);
      fill(0);
      textAlign(LEFT, TOP);
      text('Score: ' + gameScore, 200, 20);

      // Make target appear/move randomly
      if (frameCount - lastTargetTime > gameSpeed) {
        targetX = random(clickAreaSize + targetSize, width - targetSize);
        targetY = random(clickAreaSize + targetSize, height - targetSize);
        lastTargetTime = frameCount;
      }
    } else {
      // If game is paused but mod menu is closed, display paused indicator
      textSize(24);
      fill(0);
      textAlign(LEFT, TOP);
      text('Score: ' + gameScore, 200, 20);
      textSize(36);
      fill(255, 0, 0);
      textAlign(CENTER, CENTER);
      text('GAME PAUSED', width / 2, height / 2);
    }

    // Draw target (red circle) - always draw, even if paused, but it won't move
    fill(255, 0, 0);
    noStroke();
    ellipse(targetX, targetY, targetSize, targetSize);
  }

  // 3. Draw the small mod menu trigger image (always visible and clickable)
  // Draw your uploaded image in the top-left corner
  image(img, 10, 10, clickAreaSize, clickAreaSize);

  // Draw a border around the image to make it look like a button
  noFill();
  stroke(modMenuOpen ? 255 : 0); // White border when menu is open, black otherwise
  strokeWeight(2);
  rect(10, 10, clickAreaSize, clickAreaSize);
}

function mousePressed() {
  // Check if the mod menu trigger image was clicked
  if (mouseX > 10 && mouseX < 10 + clickAreaSize && mouseY > 10 && mouseY < 10 + clickAreaSize) {
    toggleModMenu();
    return; // Don't proceed with game clicks if menu button was pressed
  }

  // --- GAME CLICKS ---
  // Only allow game clicks if mod menu is not open AND game is not paused
  if (!modMenuOpen && !gamePaused) { 
    let d = dist(mouseX, mouseY, targetX, targetY);
    if (d < targetSize / 2) {
      gameScore += 10;
      // Make target disappear instantly and reappear after gameSpeed
      lastTargetTime = frameCount - gameSpeed;
    }
  }
  // --- END GAME CLICKS ---
}

function toggleModMenu() {
  modMenuOpen = !modMenuOpen;
  if (modMenuOpen) {
    modMenuDiv.show(); // Show the mod menu
    // When mod menu opens, implicitly pause the game to prevent accidental clicks
    // We don't change gamePaused here, just the draw/mousePressed logic handles it
  } else {
    modMenuDiv.hide(); // Hide the mod menu
  }
}

function toggleGamePause() {
  gamePaused = !gamePaused;
  pauseButton.html(gamePaused ? 'Resume Game' : 'Pause Game'); // Update button text
  console.log("Game Paused:", gamePaused);
}

function updateGameSpeed() {
  gameSpeed = speedSlider.value();
}

function addScore() {
  gameScore += 100;
}

function activateGodMode() {
  gameScore = 1000; // Set score to a high value
  console.log("God Mode Activated! Score set to 1000.");
  toggleModMenu(); // Close menu after activating
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  // Re-position mod menu if necessary, or make it responsive
  modMenuDiv.position(50, 50); // Keep it fixed for simplicity
}