epoch-express.js

class DatePickerGame extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({ mode: "open" });

    // Game state
    this.gameRunning = false;
    this.timestamp = 0;
    this.lastEmittedTimestamp = 0;
    this.updateInterval = 500;
    this.daysPerSecond = 350; // How many days pass per second of driving
    this.timestampRate = this.daysPerSecond * 24 * 60 * 60 * 1000;
    this.updateTimer = null;

    // Player state
    this.player = {
      x: 0,
      y: 0,
      width: 30,
      height: 50,
      speed: 0,
      maxSpeed: 8,
      maxReverseSpeed: 2.5,
      acceleration: 0.1,
      friction: 0.05,
      accelerationTime: 0, // How long acceleration key has been held
      maxAccelerationTime: 120, // Frames to reach max acceleration (2 seconds at 60fps)
    };

    // Game objects
    this.obstacles = [];
    this.keys = {};
    this.crashCooldown = 0;
    this.crashDuration = 120; // frames
    this.roadLineOffset = 0; // For animated road lines
    this.crashMessage = ""; // Message to display when crashing

    // Car customization
    this.carColor = "#bada55"; // Default car color
    this.carBodyImage = null; // Will be set from base64
    this.carDetailsImage = null; // Will be set from base64

    // Difficulty settings
    this.difficulty = "normal"; // easy, normal, hard
    this.obstacleSpawnRates = {
      easy: 0.005, // Very few obstacles
      normal: 0.02, // Default rate
      hard: 0.05, // Many obstacles
    };
    this.reverse = false; // Allow reverse driving

    // Obstacle types with emojis, weights, and human-readable names
    this.obstacleTypes = [
      { emoji: "🦌", weight: 2, displayName: "a deer" },
      { emoji: "🪵", weight: 2, displayName: "a log" },
      { emoji: "⛈️", weight: 1, displayName: "a thunderstorm" },
      { emoji: "🚴", weight: 3, displayName: "a cyclist" },
      { emoji: "🚗", weight: 3, displayName: "a car" },
      { emoji: "🚧", weight: 2, displayName: "construction" },
      { emoji: "🚥", weight: 1, displayName: "a red light" },
      { emoji: "🕳️", weight: 1, displayName: "a pothole" },
    ];

    this.setupCanvas();
    this.setupEventListeners();
    this.setupStyles();
    this.makeFocusable();
    this.loadCarImages();
    this.isFocused = false; // Initialize as not focused
    this.startGame();
  }

  static get observedAttributes() {
    return [
      "days-per-second",
      "update-interval",
      "difficulty",
      "car-color",
      "reverse",
    ];
  }

  attributeChangedCallback(name, oldValue, newValue) {
    if (name === "days-per-second" && newValue) {
      this.daysPerSecond = parseFloat(newValue);
      this.timestampRate = this.daysPerSecond * 24 * 60 * 60 * 1000;
    } else if (name === "update-interval" && newValue) {
      this.updateInterval = parseInt(newValue);
    } else if (name === "car-color" && newValue) {
      this.carColor = newValue;
    } else if (name === "difficulty" && newValue) {
      this.difficulty = newValue.toLowerCase();
    } else if (name === "reverse") {
      this.reverse = newValue !== null && newValue !== "false";
    }
  }

  get value() {
    return new Date(this.timestamp);
  }

  setupCanvas() {
    const canvas = document.createElement("canvas");
    canvas.width = 400;
    canvas.height = 600;
    canvas.style.border = "2px solid #333";
    canvas.style.backgroundColor = "#222";
    this.canvas = canvas;
    this.ctx = canvas.getContext("2d");
    this.shadowRoot.appendChild(canvas);

    // Center the player car
    this.player.y = this.canvas.height / 2 - this.player.height / 2;
    this.player.x = this.canvas.width / 2 - this.player.width / 2;
  }

  setupStyles() {
    const style = document.createElement("style");
    style.textContent = `
      :host {
        display: block;
        font-family: 'Courier New', monospace;
      }
      canvas {
        display: block;
        margin: 0 auto;
      }
    `;
    this.shadowRoot.appendChild(style);
  }

  makeFocusable() {
    // Make the component focusable
    this.tabIndex = 0;

    // Add focus/blur event listeners
    this.addEventListener("focus", () => {
      this.isFocused = true;
    });

    this.addEventListener("blur", () => {
      this.isFocused = false;
    });
  }

  loadCarImages() {
    // Car body (grey) - will be recolored
    const carBodyBase64 =
      "data:image/png;base64,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";

    // Car details (windows, headlights, etc.) - will be drawn on top
    const carDetailsBase64 =
      "data:image/png;base64,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";

    // Load car body image
    this.carBodyImage = new Image();
    this.carBodyImage.onload = () => {
      // Image loaded successfully
    };
    this.carBodyImage.src = carBodyBase64;

    // Load car details image
    this.carDetailsImage = new Image();
    this.carDetailsImage.onload = () => {
      // Image loaded successfully
    };
    this.carDetailsImage.src = carDetailsBase64;
  }

  setupEventListeners() {
    // Only handle key events when focused
    this.addEventListener("keydown", (e) => {
      if (!this.isFocused) return;

      // Prevent default behavior for arrow keys, space, and enter
      if (
        [
          "ArrowUp",
          "ArrowDown",
          "ArrowLeft",
          "ArrowRight",
          "Space",
          "Enter",
        ].includes(e.code)
      ) {
        e.preventDefault();
      }

      this.keys[e.code] = true;

      if (e.code === "Space" || e.code === "Enter") {
        this.selectCurrentDate();
      }
    });

    this.addEventListener("keyup", (e) => {
      if (!this.isFocused) return;
      this.keys[e.code] = false;
    });
  }

  startGame() {
    this.gameRunning = true;
    this.gameLoop();
    this.startUpdateTimer();
  }

  startUpdateTimer() {
    this.updateTimer = setInterval(() => {
      if (this.timestamp !== this.lastEmittedTimestamp) {
        this.dispatchEvent(
          new CustomEvent("dateselected", {
            detail: {
              date: this.value,
              timestamp: this.timestamp,
            },
          })
        );
        this.lastEmittedTimestamp = this.timestamp;
      }
    }, this.updateInterval);
  }

  selectCurrentDate() {
    this.dispatchEvent(
      new CustomEvent("dateselected", {
        detail: {
          date: this.value,
          timestamp: this.timestamp,
        },
      })
    );
  }

  reset() {
    this.timestamp = 0;
    this.lastEmittedTimestamp = 0;
    this.player.x = 200;
    this.player.y = this.canvas.height / 2 - this.player.height / 2;
    this.player.speed = 0;
    this.player.accelerationTime = 0;
    this.obstacles = [];
    this.crashCooldown = 0;
    this.roadLineOffset = 0;
    this.crashMessage = "";
  }

  gameLoop() {
    if (!this.gameRunning) return;

    this.update();
    this.render();
    requestAnimationFrame(() => this.gameLoop());
  }

  update() {
    if (this.crashCooldown > 0) {
      this.crashCooldown--;
      if (this.crashCooldown === 0) {
        this.crashMessage = ""; // Clear crash message when cooldown ends
      }
      return;
    }

    // Only update game logic when focused
    if (this.isFocused) {
      this.updatePlayer();
      this.updateObstacles();
      this.updateRoadLines();
      this.updateTimestamp();
      this.checkCollisions();
    }
  }

  updatePlayer() {
    // Handle forward acceleration
    if (this.keys["ArrowUp"]) {
      this.player.accelerationTime = Math.min(
        this.player.accelerationTime + 1,
        this.player.maxAccelerationTime
      );

      // Calculate acceleration multiplier based on how long key has been held
      const accelerationMultiplier =
        this.player.accelerationTime / this.player.maxAccelerationTime;
      const currentAcceleration =
        this.player.acceleration * (0.5 + accelerationMultiplier * 1.5);

      this.player.speed = Math.min(
        this.player.speed + currentAcceleration,
        this.player.maxSpeed
      );
    } else {
      // Reset acceleration time when not pressing up
      this.player.accelerationTime = 0;
    }

    // Handle reverse movement (only if reverse is enabled)
    if (this.keys["ArrowDown"] && this.reverse) {
      this.player.accelerationTime = Math.min(
        this.player.accelerationTime + 1,
        this.player.maxAccelerationTime
      );

      // Calculate acceleration multiplier based on how long key has been held
      const accelerationMultiplier =
        this.player.accelerationTime / this.player.maxAccelerationTime;
      const currentAcceleration =
        this.player.acceleration * (0.5 + accelerationMultiplier * 1.5);

      this.player.speed = Math.max(
        this.player.speed - currentAcceleration,
        -this.player.maxReverseSpeed
      );
    } else if (this.keys["ArrowDown"] && !this.reverse) {
      // Handle braking when reverse is disabled
      this.player.speed = Math.max(
        this.player.speed - this.player.acceleration * 2, // Brake faster than accelerate
        0
      );
    }

    // Handle steering - speed proportional to current speed (both forward and reverse)
    if (Math.abs(this.player.speed) > 0) {
      // Calculate steering speed based on current speed (0-5 pixels per frame)
      const steeringSpeed =
        (Math.abs(this.player.speed) / this.player.maxSpeed) * 5;

      if (this.keys["ArrowLeft"]) {
        this.player.x = Math.max(this.player.x - steeringSpeed, 0);
      }
      if (this.keys["ArrowRight"]) {
        this.player.x = Math.min(
          this.player.x + steeringSpeed,
          this.canvas.width - this.player.width
        );
      }
    }

    // Apply friction when not accelerating
    if (!this.keys["ArrowUp"] && !this.keys["ArrowDown"]) {
      if (this.player.speed > 0) {
        this.player.speed = Math.max(
          this.player.speed - this.player.friction,
          0
        );
      } else if (this.player.speed < 0) {
        this.player.speed = Math.min(
          this.player.speed + this.player.friction,
          0
        );
      }
    }

    // Player stays vertically centered - the world moves around them
    this.player.y = this.canvas.height / 2 - this.player.height / 2;
  }

  updateObstacles() {
    // Only generate new obstacles when the player is moving
    const baseSpawnRate =
      this.obstacleSpawnRates[this.difficulty] ||
      this.obstacleSpawnRates.normal;

    const speedMultiplier = Math.abs(this.player.speed) / this.player.maxSpeed;
    const spawnRate = baseSpawnRate * speedMultiplier;

    if (Math.abs(this.player.speed) > 0 && Math.random() < spawnRate) {
      // Pick a weighted random obstacle type
      const obstacleType = this.getWeightedRandomObstacle();

      const obstacleSize = 30; // All obstacles are the same size
      this.obstacles.push({
        x: Math.random() * (this.canvas.width - obstacleSize),
        y: this.canvas.height,
        width: obstacleSize,
        height: obstacleSize,
        speed: 2 + Math.random() * 3,
        emoji: obstacleType.emoji,
        displayName: obstacleType.displayName,
      });
    }

    // Update obstacle positions - they move at the player's speed
    this.obstacles.forEach((obstacle) => {
      obstacle.y -= this.player.speed; // Negative speed moves obstacles backward (reverse)
    });

    // Remove obstacles that are off screen
    this.obstacles = this.obstacles.filter(
      (obstacle) => obstacle.y > -obstacle.height
    );
  }

  updateRoadLines() {
    this.roadLineOffset += this.player.speed;
    if (this.roadLineOffset >= 40) {
      this.roadLineOffset = 0;
    } else if (this.roadLineOffset < 0) {
      this.roadLineOffset = 40;
    }
  }

  getWeightedRandomObstacle() {
    // Calculate total weight
    const totalWeight = this.obstacleTypes.reduce(
      (sum, type) => sum + type.weight,
      0
    );

    // Pick a random number between 0 and totalWeight
    let random = Math.random() * totalWeight;

    // Find the obstacle type that corresponds to this random number
    for (const obstacleType of this.obstacleTypes) {
      random -= obstacleType.weight;
      if (random <= 0) {
        return obstacleType;
      }
    }

    // Fallback to first type (should never happen)
    return this.obstacleTypes[0];
  }

  // Helper function to draw rotated image
  drawRotatedImage(image) {
    this.ctx.translate(
      this.player.x + this.player.width / 2,
      this.player.y + this.player.height / 2
    );
    this.ctx.rotate(Math.PI);
    this.ctx.drawImage(
      image,
      -this.player.width / 2,
      -this.player.height / 2,
      this.player.width,
      this.player.height
    );
    this.ctx.setTransform(1, 0, 0, 1, 0, 0);
  }

  // Helper function to apply color tint
  applyColorTint(color) {
    this.ctx.globalCompositeOperation = "multiply";
    this.ctx.fillStyle = color;
    this.ctx.fillRect(
      this.player.x,
      this.player.y,
      this.player.width,
      this.player.height
    );
    this.ctx.globalCompositeOperation = "source-over";
  }

  // Helper function to draw car image with optional tint
  drawCarImage(image, tintColor = null) {
    this.drawRotatedImage(image);
    if (tintColor) {
      this.applyColorTint(tintColor);
    }
  }

  drawPlayerCar() {
    // Save current context state
    this.ctx.save();

    // Set up clipping region for the car
    this.ctx.beginPath();
    this.ctx.rect(
      this.player.x,
      this.player.y,
      this.player.width,
      this.player.height
    );
    this.ctx.clip();

    if (this.crashCooldown > 0) {
      // Flash effect during crash - alternate between red and green
      const flashColor =
        Math.floor(this.crashCooldown / 10) % 2 ? "#ff0000" : "#00ff00";

      // Draw car body with flash color
      this.drawCarImage(this.carBodyImage, flashColor);

      // Draw car details (windows, headlights, etc.) on top
      this.drawCarImage(this.carDetailsImage);
    } else {
      // Draw car body with custom color
      this.drawCarImage(this.carBodyImage, this.carColor);

      // Draw car details (windows, headlights, etc.) on top
      this.drawCarImage(this.carDetailsImage);
    }

    // Restore context state
    this.ctx.restore();
  }

  updateTimestamp() {
    // Update timestamp based on player speed (forward = positive, reverse = negative)
    const timeIncrement =
      ((this.player.speed / this.player.maxSpeed) * this.timestampRate) / 60;
    this.timestamp += timeIncrement;
  }

  checkCollisions() {
    this.obstacles.forEach((obstacle, index) => {
      if (this.isColliding(this.player, obstacle)) {
        this.crashMessage = `You hit ${obstacle.displayName}!`;
        this.handleCrash();
        this.obstacles.splice(index, 1);
      }
    });
  }

  isColliding(rect1, rect2) {
    return (
      rect1.x < rect2.x + rect2.width &&
      rect1.x + rect1.width > rect2.x &&
      rect1.y < rect2.y + rect2.height &&
      rect1.y + rect1.height > rect2.y
    );
  }

  handleCrash() {
    this.crashCooldown = this.crashDuration;
    this.player.speed = 0;
    this.player.accelerationTime = 0;
  }

  render() {
    this.ctx.fillStyle = "#333";
    this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);

    // Draw instructions at the top
    this.ctx.fillStyle = "#ffaa00";
    this.ctx.font = "14px monospace";
    this.ctx.textAlign = "left";
    this.ctx.fillText("↑ Accelerate", 10, 20);
    if (this.reverse) {
      this.ctx.fillText("↓ Reverse", 10, 40);
    } else {
      this.ctx.fillText("↓ Brake", 10, 40);
    }
    this.ctx.fillText("← → Dodge", 10, 60);

    // Draw animated road lines
    this.ctx.strokeStyle = "#fff";
    this.ctx.lineWidth = 2;
    this.ctx.setLineDash([20, 20]);
    this.ctx.beginPath();
    this.ctx.moveTo(this.canvas.width / 2, -this.roadLineOffset);
    this.ctx.lineTo(
      this.canvas.width / 2,
      this.canvas.height - this.roadLineOffset
    );
    this.ctx.stroke();
    this.ctx.setLineDash([]);

    this.obstacles.forEach((obstacle) => {
      this.ctx.font = `${obstacle.width}px Arial`;
      this.ctx.textAlign = "center";
      this.ctx.fillStyle = "#fff";
      this.ctx.fillText(
        obstacle.emoji,
        obstacle.x + obstacle.width / 2,
        obstacle.y + obstacle.height / 2 + obstacle.height / 4
      );
      this.ctx.textAlign = "left";
    });

    // Draw player car
    this.drawPlayerCar();

    // Draw speed indicator
    this.ctx.fillStyle = "#fff";
    this.ctx.font = "12px monospace";
    const currentDaysPerSecond =
      (Math.abs(this.player.speed) / this.player.maxSpeed) * this.daysPerSecond;
    const direction = this.player.speed < 0 ? " (REVERSE)" : "";
    this.ctx.fillText(
      `Speed: ${currentDaysPerSecond.toFixed(1)} days/sec${direction}`,
      10,
      this.canvas.height - 30
    );

    const accelerationProgress =
      this.player.accelerationTime / this.player.maxAccelerationTime;
    const barWidth = 150;
    const barHeight = 8;
    const barX = 10;
    const barY = this.canvas.height - 20;

    // Draw background bar
    this.ctx.fillStyle = "rgba(255, 255, 255, 0.3)";
    this.ctx.fillRect(barX, barY, barWidth, barHeight);

    // Draw filled portion
    const fillWidth = barWidth * accelerationProgress;
    this.ctx.fillStyle = "#00ff00"; // Always green
    this.ctx.fillRect(barX, barY, fillWidth, barHeight);

    // Draw border
    this.ctx.strokeStyle = "#fff";
    this.ctx.lineWidth = 1;
    this.ctx.strokeRect(barX, barY, barWidth, barHeight);

    // Draw crash message
    if (this.crashMessage) {
      this.ctx.fillStyle = "#ff4444";
      this.ctx.font = "bold 20px monospace";
      this.ctx.textAlign = "center";
      this.ctx.fillText(
        this.crashMessage,
        this.canvas.width / 2,
        this.canvas.height / 2 + 50
      );
      this.ctx.textAlign = "left";
    }

    // Draw pause indicator when not focused
    if (!this.isFocused) {
      this.ctx.fillStyle = "rgba(0, 0, 0, 0.7)";
      this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);

      this.ctx.fillStyle = "#ff4444";
      this.ctx.font = "bold 24px monospace";
      this.ctx.textAlign = "center";
      this.ctx.fillText(
        "PAUSED - Click to focus",
        this.canvas.width / 2,
        this.canvas.height / 2
      );
      this.ctx.textAlign = "left";
    }
  }

  disconnectedCallback() {
    this.gameRunning = false;
    if (this.updateTimer) {
      clearInterval(this.updateTimer);
    }
  }
}

// Register the custom element
customElements.define("epoch-express", DatePickerGame);