🙂

function preload() {
  // --- Replace these with your own creepy sounds! ---
  // Placeholder ambient sound (replace with something truly creepy)
  ambientSound = loadSound('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3');
  // Placeholder jump scare sound (replace with a sudden, loud scare)
  jumpScareSound = loadSound('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3');
  // --------------------------------------------------
}

function setup() {
  // Use WEBGL mode for 3D rendering
  createCanvas(windowWidth, windowHeight, WEBGL);
  noStroke(); // For cleaner 3D shapes
  angleMode(DEGREES); // Make rotations easier (0-360)

  // Initial flashlight position (center of screen)
  flashlightX = 0;
  flashlightY = 0;

  // Set up ambient sound
  ambientSound.loop(); // Loop the ambient sound
  ambientSound.setVolume(0.2); // Start with low volume

  // Instructions for mobile users
  textAlign(CENTER, CENTER);
  textSize(24);
  fill(255);
  text("Tap and hold to use flashlight", 0, 0); // Display instructions
}

function draw() {
  // Clear the background to black
  background(0);

  // === Lighting ===
  // Very dim ambient light for base visibility
  ambientLight(20);
  // Dim directional light from above-front
  directionalLight(10, 10, 10, 0, 0.5, -1);

  // === Flashlight Spotlight ===
  // Position the spotlight at the center of the screen
  // Convert mouseX/mouseY from screen coordinates to WEBGL coordinates
  let webglFlashlightX = map(flashlightX, 0, width, -width / 2, width / 2);
  let webglFlashlightY = map(flashlightY, 0, height, -height / 2, height / 2);

  // Create a spotlight at the flashlight position, shining forward
  // The spotlight needs a position (x, y, z) and a direction (dx, dy, dz)
  // For a flashlight, the direction is usually straight ahead (0, 0, -1) from its position
  spotLight(
    255, 255, 255, // White light
    webglFlashlightX, webglFlashlightY, 200, // Position (slightly in front of the camera)
    0, 0, -1, // Direction (pointing forward)
    1000, 0.5 // Cone angle and concentration
  );

  // Disable the spotlight if the flashlight is not active
  // We do this by setting its intensity very low or making it invisible
  if (!flashlightActive) {
    // A simple way to "turn off" the spotlight is to create a black one
    // at the same position, effectively canceling out the white one.
    // Or, if p5.js supported dynamic spotlight intensity, we'd set it to 0.
    // For now, we'll just rely on the ambient light when off.
    // The previous spotLight call will still run, but the ambient light will dominate.
    // A more advanced approach would be to manage a light object, but p5.js doesn't expose that directly.
  }

  // === Draw Bedroom Scene ===
  // Floor
  push();
  translate(0, height / 2 - 10, 0); // Position at the bottom of the screen
  rotateX(90); // Rotate to be horizontal
  ambientMaterial(50, 50, 50); // Dark grey material
  plane(width, height); // Floor plane
  pop();

  // Back Wall
  push();
  translate(0, 0, -width / 2); // Position at the back of the room
  ambientMaterial(70, 70, 70); // Slightly lighter grey
  plane(width, height); // Back wall plane
  pop();

  // Left Wall
  push();
  translate(-width / 2, 0, 0); // Position at the left
  rotateY(90); // Rotate to be vertical
  ambientMaterial(60, 60, 60); // Medium grey
  plane(width, height); // Left wall plane
  pop();

  // Right Wall
  push();
  translate(width / 2, 0, 0); // Position at the right
  rotateY(-90); // Rotate to be vertical
  ambientMaterial(60, 60, 60); // Medium grey
  plane(width, height); // Right wall plane
  pop();

  // Bed (simple box)
  push();
  translate(0, height / 4, 100); // Position in the room
  ambientMaterial(100, 40, 40); // Dark red
  box(width / 3, 50, height / 3); // Bed box
  pop();

  // Closet Door (simple box)
  push();
  translate(width / 3, 0, -width / 2 + 5); // Position on the back wall
  ambientMaterial(80, 60, 40); // Dark wood color
  box(width / 6, height / 2, 10); // Closet door box
  pop();

  // === Jump Scare Logic ===
  if (!jumpScareActive && frameCount > minJumpScareTime * frameRate()) {
    // If not currently scared and min time passed, check for a scare
    if (random() < jumpScareChance) {
      triggerJumpScare();
    }
  }

  if (whiteFlashTimer > 0) {
    // If a white flash is active, draw a full screen white rectangle
    push();
    translate(0, 0, 500); // Position it in front of everything
    ambientMaterial(255); // White material
    rect(-width / 2, -height / 2, width, height); // Draw a rectangle covering the screen
    pop();
    whiteFlashTimer--; // Decrease the timer
  }

  // === Mobile Instructions (only show briefly in setup) ===
  if (frameCount < 120 && !jumpScareActive) { // Show for 2 seconds
    push();
    translate(0, 0, 500); // Position in front of the 3D scene
    fill(255);
    textAlign(CENTER, CENTER);
    textSize(width / 20); // Responsive text size
    text("Tap and hold to use flashlight", 0, -height / 4);
    text("Listen closely...", 0, -height / 8);
    pop();
  }
}

function triggerJumpScare() {
  jumpScareActive = true;
  whiteFlashTimer = 10; // Flash white for 10 frames

  // Play jump scare sound
  if (jumpScareSound.isLoaded()) {
    jumpScareSound.play();
  }

  // Haptic feedback for mobile devices
  if (navigator.vibrate) {
    navigator.vibrate(200); // Vibrate for 200ms
  }

  // Reset after a delay (e.g., 2 seconds)
  setTimeout(() => {
    jumpScareActive = false;
    jumpScareTimer = 0; // Reset the timer
  }, 2000);
}

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

function touchStarted() {
  // Start audio on first touch
  if (getAudioContext().state !== 'running') {
    userStartAudio();
  }
  flashlightActive = true;
  flashlightX = mouseX;
  flashlightY = mouseY;
  return false; // Prevent default touch behavior (like scrolling)
}

function touchMoved() {
  if (flashlightActive) {
    flashlightX = mouseX;
    flashlightY = mouseY;
  }
  return false; // Prevent default touch behavior
}

function touchEnded() {
  flashlightActive = false;
  return false; // Prevent default touch behavior
}

function mousePressed() {
  if (getAudioContext().state !== 'running') {
    userStartAudio();
  }
  flashlightActive = true;
  flashlightX = mouseX;
  flashlightY = mouseY;
}

function mouseDragged() {
  if (flashlightActive) {
    flashlightX = mouseX;
    flashlightY = mouseY;
  }
}

function mouseReleased() {
  flashlightActive = false;
}