Room

function setup() {
  // Create a WebGL canvas for 3D rendering
  createCanvas(windowWidth, windowHeight, WEBGL);

  // Set up a perspective camera
  // For more on perspective(): https://p5js.org/reference/#/p5/perspective
  perspective(PI / 3.0, width / height, 0.1, 1000);

  // Initialize camera controls
  cam = createCamera();
  cam.setPosition(0, -50, zoomLevel); // CRITICAL FIX: Set initial camera Y to eye level (-50)
  cam.lookAt(0, 0, 0); // Look towards the center of the scene

  // Disable stroke for most objects for a cleaner look
  noStroke();
}

function draw() {
  // Clear the background with a dark, muted color
  background(40);

  // Set up lighting for the 3D scene (defined here so it's always active)
  // For more on lighting: https://p5js.org/reference/#/p5/lighting
  ambientLight(70); // Slightly brighter overall soft light to illuminate darker wood
  directionalLight(200, 190, 180, 0, -0.5, -1); // Main light source from top-front, slightly warmer
  directionalLight(255, 230, 180, 0, 0, 1); // Warm sunlight coming from the back (through the window)
  // pointLight(100, 100, 100, -200, -200, 200); // This was a placeholder, now specific lights below

  // Apply camera pan and tilt (simulating head movement)
  // CRITICAL FIX: Apply rotation directly to the camera, not the global scene.
  // Use relative changes for pan/tilt.
  // The mouseDragged and touchMoved functions now directly call cam.pan() and cam.tilt().

  // Update camera position for zoom (Z-axis movement)
  // CRITICAL FIX: Maintain fixed eye-level Y position (-50)
  cam.setPosition(0, -50, zoomLevel); // Maintain eye level, zoom affects Z

  // Draw the room structure (now includes thick walls and ceiling)
  drawRoom();

  // Draw the furniture and main elements
  push();
  translate(0, 50, 0); // Move everything up slightly from the floor
  drawComfyChair();
  drawBirdcage();
  drawComputer();
  drawLaboratoryElements();
  drawTrapdoor(); // Draw the complex trapdoor
  drawLivedInDetails(); // New: Add lived-in details
  drawFireplace(); // New: Add the fireplace
  pop();
}

function mouseDragged() {
  // CRITICAL FIX: Use cam.pan() and cam.tilt() for first-person rotation
  cam.pan((mouseX - pmouseX) * 0.005); // Rotate around camera's Y-axis (horizontal)
  cam.tilt(-(mouseY - pmouseY) * 0.005); // Rotate around camera's X-axis (vertical), negative for natural mouse Y
}

function touchMoved() {
  // Only rotate if one finger is used (to avoid conflict with pinch zoom if implemented later)
  if (touches.length === 1) {
    // CRITICAL FIX: Use cam.pan() and cam.tilt() for first-person rotation
    cam.pan((touches[0].x - pmouseX) * 0.005); // Rotate around camera's Y-axis (horizontal)
    cam.tilt(-(touches[0].y - pmouseY) * 0.005); // Rotate around camera's X-axis (vertical), negative for natural touch Y
    return false; // Prevent default scrolling/zooming behavior
  }
}

function mouseWheel(event) {
  // Adjust zoom level based on wheel direction
  // event.deltaY is positive when scrolling down (zoom out), negative when scrolling up (zoom in)
  zoomLevel += event.deltaY * 0.5;

  // Clamp zoom level to reasonable bounds
  zoomLevel = constrain(zoomLevel, 100, 800); // Adjust min/max as needed

  // Prevent default page scrolling
  return false;
}

function drawRoom() {
  // Floor
  push();
  translate(0, 100, 0); // Position floor at y=100
  rotateX(PI / 2); // Rotate to make it horizontal
  fill(100, 40, 20); // Warm mahogany red-brown
  specularMaterial(150, 70, 50); // Polished wood specularity
  shininess(50); // Medium shininess for polished wood
  plane(800, 800); // Floor plane
  pop();

  // Walls and Ceiling (antique wood stain)
  fill(70, 50, 30); // Deep, warm wood stain color
  specularMaterial(80, 60, 40); // Subtle specularity for stained wood
  shininess(10); // Less shiny than the floor

  // Ceiling
  push();
  translate(0, -300, 0); // Position ceiling at y=-300
  rotateX(PI / 2); // Rotate to make it horizontal
  plane(800, 800); // Ceiling plane
  pop();

  // Walls
  let wallYCenter = -100; // Vertical center for walls

  // Back wall (with window and wall decor)
  push();
  translate(0, wallYCenter, -400 + wallThickness / 2); // Position back face at z = -400
  box(800, wallHeight, wallThickness); // width, height, depth
  // Add a window to the back wall
  push();
  translate(100, -100, wallThickness / 2 + 2); // Window on inner face of wall, plus Z-fighting offset
  fill(150, 180, 255, 150); // Semi-transparent blue for sky through window
  plane(200, 150);
  // Window frame
  noFill();
  stroke(50);
  strokeWeight(5);
  rectMode(CENTER);
  rect(0, 0, 200, 150); // Frame
  line(-100, 0, 100, 0); // Horizontal pane
  line(0, -75, 0, 75); // Vertical pane
  noStroke();
  pop();
  pop();

  // Left wall
  push();
  translate(-400 + wallThickness / 2, wallYCenter, 0); // Position inner face at x = -400
  box(wallThickness, wallHeight, 800); // width, height, depth
  pop();

  // Right wall
  push();
  translate(400 - wallThickness / 2, wallYCenter, 0); // Position inner face at x = 400
  box(wallThickness, wallHeight, 800); // width, height, depth
  pop();

  // Front wall (for completeness, even though camera often looks into the room)
  push();
  translate(0, wallYCenter, 400 - wallThickness / 2); // Position inner face at z = 400
  box(800, wallHeight, wallThickness); // width, height, depth
  pop();
}

function drawComfyChair() {
  push();
  translate(-250, 0, 200); // Position chair in the foreground-left
  rotateY(PI / 8); // Angle chair slightly towards the center
  fill(150, 70, 70); // Deep red fabric color

  // Seat
  box(150, 30, 150);

  // Backrest
  push();
  translate(0, -60, -60);
  rotateX(PI / 10); // Slightly reclined
  box(150, 100, 30);
  pop();

  // Armrests
  push();
  translate(-70, -30, 0);
  box(20, 60, 150);
  pop();
  push();
  translate(70, -30, 0);
  box(20, 60, 150);
  pop();

  // Legs (simplified)
  fill(90, 80, 70); // Dark wood color
  push();
  translate(-60, 30, -60);
  box(10, 30, 10);
  pop();
  push();
  translate(60, 30, -60);
  box(10, 30, 10);
  pop();
  push();
  translate(-60, 30, 60);
  box(10, 30, 10);
  pop();
  push();
  translate(60, 30, 60);
  box(10, 30, 10);
  pop();

  pop();
}

function drawBirdcage() {
  push();
  translate(-50, -50, 100); // Position birdcage on a table/pedestal
  rotateY(PI / 6); // Slightly angled

  // Pedestal/Table
  fill(120, 110, 100); // Muted grey for a dusty look
  box(100, 20, 100); // Tabletop
  push();
  translate(0, 60, 0);
  cylinder(30, 100); // Pedestal leg
  pop();

  // Birdcage structure
  // For specularMaterial(): https://p5js.org/reference/#/p5/specularMaterial
  specularMaterial(255, 200, 0); // Gilded gold color
  shininess(100); // Make it shiny

  // Base and top rings
  torus(40, 5, 24, 16);
  push();
  translate(0, -90, 0);
  torus(40, 5, 24, 16);
  pop();

  // Vertical bars
  for (let i = 0; i < 12; i++) {
    push();
    rotateY(i * TWO_PI / 12);
    translate(40, -45, 0);
    cylinder(2, 80);
    pop();
  }

  // Crow's feather inside
  push();
  translate(0, -40, 0); // Position inside the cage
  rotateX(PI / 2); // Make it lie flat
  rotateZ(PI / 4); // Slightly angled
  fill(30); // Dark color for crow's feather
  shininess(10); // Less shiny
  specularMaterial(30);

  // Simplified feather shape
  beginShape();
  vertex(-20, 0, 0);
  bezierVertex(-15, -15, 15, -15, 20, 0, 0);
  bezierVertex(15, 15, -15, 15, -20, 0, 0);
  endShape(CLOSE);
  pop();

  pop();
}

function drawComputer() {
  push();
  translate(150, 0, 150); // Position computer in a corner
  rotateY(-PI / 4); // Angle it

  // Monitor
  fill(100); // Dark grey for monitor casing
  box(120, 90, 20); // Monitor casing
  push();
  translate(0, 0, 11);
  fill(40); // Darker grey for screen
  plane(110, 80); // Screen
  pop();

  // Stand (simplified)
  push();
  translate(0, 50, 0);
  cylinder(10, 50);
  pop();

  // Keyboard (dusty, slightly desaturated)
  push();
  translate(-40, 30, 60);
  fill(80, 75, 70); // Desaturated dark grey
  shininess(5); // Less shiny
  box(80, 10, 40);
  pop();

  // Mouse (dusty)
  push();
  translate(40, 30, 60);
  fill(80, 75, 70);
  shininess(5);
  sphere(10);
  pop();

  // Apply a subtle fill for dust cloud, using a box for volumetric effect
  fill(255, 250, 240, 50); // Very slight off-white transparency, direct fill
  box(150, 100, 150); // A "dust cloud" box over the computer
  pop();
}

function drawLaboratoryElements() {
  push();
  translate(-150, -20, -250); // Position lab elements against the back-left wall

  // Victorian elements: wooden desk, beakers
  push();
  translate(-100, 0, 0);
  fill(90, 80, 70); // Dark wood desk
  box(200, 20, 100); // Desk tabletop
  push();
  translate(0, 50, 0);
  cylinder(5, 100); // Desk legs
  translate(80, 0, 40);
  cylinder(5, 100);
  translate(-160, 0, 0);
  cylinder(5, 100);
  pop();

  // Glass beakers
  push();
  translate(0, -30, 0);
  fill(180, 200, 255, 100); // Semi-transparent blue for liquid
  specularMaterial(200, 200, 255); // Glossy glass
  shininess(80);
  cylinder(20, 60); // Beaker
  translate(40, 0, 0);
  cylinder(15, 50); // Smaller beaker
  translate(40, 0, 0);
  sphere(15); // Round flask
  pop();
  pop();

  // Futuristic elements: glowing panel, energy tube
  push();
  translate(100, -30, 0);
  fill(0, 255, 255); // Cyan glow
  emissiveMaterial(0, 255, 255); // Emissive for glowing effect
  shininess(0); // No shine
  box(100, 5, 50); // Glowing panel
  push();
  translate(0, -30, 0);
  rotateZ(PI / 6);
  cylinder(5, 80); // Energy tube
  pop();
  pop();

  // Modern elements: sleek monitor, plant
  push();
  translate(0, -30, 50); // Position in front of Victorian desk
  fill(50); // Dark grey for modern monitor
  specularMaterial(100);
  shininess(50);
  box(80, 60, 10); // Modern monitor
  push();
  translate(0, 0, 6);
  fill(0, 100, 255); // Blue for screen display
  plane(70, 50);
  pop();

  // Small potted plant (modern touch)
  push();
  translate(50, 30, 0);
  fill(120, 80, 50); // Brown pot
  cylinder(10, 20);
  fill(50, 150, 50); // Green leaves
  sphere(15);
  pop();
  pop();

  pop();
}

function drawTrapdoor() {
  push();
  translate(0, 51, 0); // Position slightly above the floor to prevent Z-fighting
  rotateX(PI / 2); // Make it horizontal
  // Main trapdoor panel
  fill(50, 55, 60); // Dark, reinforced metal look
  specularMaterial(150);
  shininess(30);
  box(200, 200, 5); // Large square panel, very thin

  // Central hatch
  push();
  translate(0, 0, 3); // Slightly raised from the main panel
  fill(40, 45, 50);
  box(160, 160, 2); // Smaller hatch panel
  pop();

  // Biometric scanner (glowing sphere)
  push();
  translate(-70, -70, 7); // Position on the hatch
  emissiveMaterial(0, 200, 255); // Cyan glow
  sphere(10);
  pop();

  // Keypad
  push();
  translate(70, -70, 7); // Position on the hatch
  fill(70);
  box(40, 60, 3); // Keypad base
  // Buttons (simplified)
  fill(100);
  for (let i = 0; i < 10; i++) {
    push();
    let row = floor(i / 3);
    let col = i % 3;
    if (i === 9) { // 0 button at the bottom center
      translate(0, 20, 2);
    } else {
      translate(-10 + col * 10, -20 + row * 10, 2);
    }
    box(8, 8, 1);
    pop();
  }
  pop();

  // Mechanical locks (4 corners)
  fill(80);
  specularMaterial(120);
  shininess(20);
  let lockSize = 15;
  let lockOffset = 60;
  // Top-left
  push();
  translate(-lockOffset, -lockOffset, 7);
  cylinder(5, lockSize);
  translate(0, lockSize/2 + 2, 0);
  box(lockSize, 4, lockSize);
  pop();
  // Top-right
  push();
  translate(lockOffset, -lockOffset, 7);
  cylinder(5, lockSize);
  translate(0, lockSize/2 + 2, 0);
  box(lockSize, 4, lockSize);
  pop();
  // Bottom-left
  push();
  translate(-lockOffset, lockOffset, 7);
  cylinder(5, lockSize);
  translate(0, lockSize/2 + 2, 0);
  box(lockSize, 4, lockSize);
  pop();
  // Bottom-right
  push();
  translate(lockOffset, lockOffset, 7);
  cylinder(5, lockSize);
  translate(0, lockSize/2 + 2, 0);
  box(lockSize, 4, lockSize);
  pop();

  // Intricate decorative lines (emissive for effect)
  push();
  emissiveMaterial(100, 100, 100); // Subtle white glow
  translate(0, 0, 7);
  for (let i = 0; i < 4; i++) {
    push();
    rotateZ(i * PI / 2);
    translate(75, 0, 0);
    box(10, 2, 2);
    translate(0, 5, 0);
    box(10, 2, 2);
    translate(0, -10, 0);
    box(10, 2, 2);
    pop();
  }
  pop();

  pop();
}

function drawLivedInDetails() {
  push();
  // Side table next to comfy chair
  push();
  translate(-150, 0, 150); // Positioned further back and to the right of the chair
  rotateY(PI / 4); // Angled differently for a better fit
  fill(90, 80, 70); // Dark wood
  box(60, 40, 60); // Tabletop
  translate(0, 30, 0);
  cylinder(10, 60); // Leg
  pop();

  // Reading lamp on side table
  push();
  translate(-150, -40, 150); // On side table
  rotateY(PI / 4); // Same angle as table
  fill(180, 170, 160); // Metal
  cylinder(5, 50); // Stem
  translate(0, -30, 0);
  fill(255, 240, 220); // Shade interior
  cone(20, 30); // Shade
  // CRITICAL FIX: Add a pointLight here to cast light
  pointLight(255, 240, 220, 0, -30, 0); // Light source at the bulb's position
  // Removed emissiveMaterial from the sphere as pointLight will illuminate it
  fill(255, 240, 220); // Bulb color
  sphere(10); // Light bulb
  pop();

  // Teacup on side table
  push();
  translate(-150, -10, 150); // On side table
  rotateY(PI / 4); // Same angle as table
  fill(240); // White porcelain
  cylinder(15, 20); // Cup body
  translate(20, 0, 0);
  sphere(5); // Handle (simplified)
  pop();

  // Rug
  push();
  translate(0, 5, 0); // Slightly above floor to prevent Z-fighting
  rotateX(PI / 2);
  fill(120, 60, 60); // Deep red pattern
  shininess(10);
  specularMaterial(100);
  plane(300, 300);
  pop();

  // Notebook and pen on laboratory desk
  push();
  translate(-250, -10, -250); // On lab desk
  rotateY(PI / 6);
  fill(150, 140, 130); // Grey notebook
  box(50, 5, 70);
  translate(0, 5, 0);
  fill(30); // Pen
  cylinder(2, 40);
  rotateX(PI / 2);
  translate(0, 0, 20);
  cone(3, 10); // Pen tip
  pop();

  // Wall decor (painting)
  push();
  translate(200, -150, -398); // On back wall, slightly forward
  rotateZ(PI / 60); // Slightly askew
  fill(120, 100, 80); // Frame
  box(100, 120, 5);
  translate(0, 0, 3);
  fill(180, 200, 180); // Painting itself (placeholder)
  plane(80, 100);
  pop();

  // Wall decor (scientific diagram)
  push();
  translate(-200, -150, -398); // On back wall, opposite painting
  rotateZ(-PI / 60); // Slightly askew
  fill(150, 140, 120); // Frame
  box(90, 110, 5);
  translate(0, 0, 3);
  fill(230, 220, 200); // Diagram paper
  plane(70, 90);
  // Simple diagram lines
  stroke(50);
  strokeWeight(2);
  line(-30, -30, 30, 30);
  line(-30, 30, 30, -30);
  pop();

  // Small antique globe on laboratory desk
  push();
  translate(-120, -10, -280); // On lab desk, slightly to the right of the notebook
  fill(100, 150, 200); // Blue for water
  sphere(20);
  push();
  rotateX(PI / 2);
  fill(100, 80, 60); // Brown for stand
  cylinder(5, 50);
  pop();
  pop();

  pop();
}

function drawFireplace() {
  push();
  translate(300, -70, -398); // Against the right wall, slightly forward to avoid Z-fighting
  rotateY(-PI / 2); // Rotate to face the room

  // Main mantelpiece structure
  fill(120, 110, 100); // Grey stone/marble
  box(180, 140, 40); // Base and sides

  // Mantel top
  push();
  translate(0, -70, 0);
  box(200, 10, 50);
  pop();

  // Firebox opening
  push();
  translate(0, 10, 22); // Slightly recessed
  fill(30); // Dark interior
  box(120, 100, 10);
  pop();

  // Firebox interior (glowing embers)
  push();
  translate(0, 20, 18); // Further recessed
  let fireColor = color(255, 100, 0); // Base orange fire color
  let flickerIntensity = map(sin(frameCount * 0.1), -1, 1, 0.8, 1.2); // Subtle flicker
  fireColor.setAlpha(150 * flickerIntensity); // Apply flicker to transparency
  fill(fireColor); // Use direct fill for embers
  // CRITICAL FIX: Add a pointLight here to cast light from the fireplace
  pointLight(255, 100, 0, 0, 20, 18); // Light source at the embers' position
  // Removed emissiveMaterial from the box as pointLight will illuminate it
  box(100, 80, 10);
  pop();

  pop();
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  // Re-adjust camera perspective if needed
  perspective(PI / 3.0, width / height, 0.1, 1000);
}