robux clicker

function setup() {
  createCanvas(windowWidth, windowHeight);
  textAlign(CENTER, CENTER);
}

function draw() {
  background(15);

  // --- Auto-clicker logic ---
  if (autoEnabled) {
    const now = millis();
    if (now - lastAutoTime >= 1000) {
      robux += perClick * autoPerSecond;
      lastAutoTime = now;
    }
  }

  // --- Layout values ---
  const mainRadius = min(width, height) * 0.18;
  const mainX = width / 2;
  const mainY = height / 2;

  const autoBtnW = 240;
  const autoBtnH = 60;
  const autoBtnX = width / 2 - autoBtnW / 2;
  const autoBtnY = height - autoBtnH - 40;

  // --- Top text: Robux counter ---
  fill(255);
  textSize(32);
  text("Robux: " + floor(robux), width / 2, 50);

  // --- Main Robux-style button ---
  const d = dist(mouseX, mouseY, mainX, mainY);
  const hoverMain = d < mainRadius;

  push();
  translate(mainX, mainY);
  const scaleHover = hoverMain ? 1.08 : 1;
  scale(scaleHover);

  noStroke();
  // outer glow
  fill(0, 200, 120, 80);
  ellipse(0, 0, mainRadius * 2.6, mainRadius * 2.6);
  // main circle
  fill(34, 177, 76);
  ellipse(0, 0, mainRadius * 2.1, mainRadius * 2.1);

  // draw a Robux-inspired symbol
  drawRobuxSymbol(0, 0, mainRadius * 1.25);

  pop();

  // "Click!" label under main button
  fill(220);
  textSize(20);
  text("Click the Robux-style symbol!", width / 2, mainY + mainRadius * 1.5);

  // --- Auto-clicker toggle button ---
  const hoverAuto =
    mouseX > autoBtnX &&
    mouseX < autoBtnX + autoBtnW &&
    mouseY > autoBtnY &&
    mouseY < autoBtnY + autoBtnH;

  noStroke();
  if (autoEnabled) {
    fill(46, 204, 113);
  } else if (hoverAuto) {
    fill(80);
  } else {
    fill(50);
  }
  rect(autoBtnX, autoBtnY, autoBtnW, autoBtnH, 10);

  fill(255);
  textSize(18);
  const autoLabel = autoEnabled ? "Auto: ON (" + autoPerSecond + "/s)" : "Auto: OFF";
  text(autoLabel, width / 2, autoBtnY + autoBtnH / 2);

  // --- Small hint text ---
  fill(160);
  textSize(14);
  text(
    "This is a mini clicker game. It only clicks inside this canvas, not on other apps.",
    width / 2,
    height - 12
  );
}

function drawRobuxSymbol(cx, cy, size) {
  push();
  translate(cx, cy);

  // Base rotation similar to the Robux "diamond" look
  rotate(PI / 4);

  rectMode(CENTER);
  strokeWeight(size * 0.08);
  stroke(240);
  fill(40, 200, 120);

  const outerSize = size;
  const cornerRadius = outerSize * 0.25;

  // Outer diamond (body)
  rect(0, 0, outerSize, outerSize, cornerRadius);

  // Inner "hole" – off-center, slightly rectangular so it's not identical
  noStroke();
  fill(15); // matches background to look like a cutout

  const innerW = outerSize * 0.48;
  const innerH = outerSize * 0.40;  // not perfectly square -> keeps it distinct
  const offsetX = outerSize * 0.14; // off-center horizontally
  const offsetY = -outerSize * 0.06; // slight vertical offset

  rect(offsetX, offsetY, innerW, innerH, outerSize * 0.18);

  // Optional: tiny highlight to make it feel more "gamey" and less like the real logo
  fill(255, 255, 255, 80);
  const highlightSize = outerSize * 0.18;
  const hiOffset = outerSize * -0.25;
  ellipse(hiOffset, hiOffset, highlightSize, highlightSize);

  pop();
}

function mousePressed() {
  const mainRadius = min(width, height) * 0.18;
  const mainX = width / 2;
  const mainY = height / 2;

  const autoBtnW = 240;
  const autoBtnH = 60;
  const autoBtnX = width / 2 - autoBtnW / 2;
  const autoBtnY = height - autoBtnH - 40;

  // Check click on main Robux-style button
  const d = dist(mouseX, mouseY, mainX, mainY);
  if (d < mainRadius) {
    robux += perClick;
    return; // don't also toggle auto in same click
  }

  // Check click on auto-clicker button
  const insideAuto =
    mouseX > autoBtnX &&
    mouseX < autoBtnX + autoBtnW &&
    mouseY > autoBtnY &&
    mouseY < autoBtnY + autoBtnH;

  if (insideAuto) {
    autoEnabled = !autoEnabled;
    lastAutoTime = millis(); // reset timer when toggled
  }
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}