let gameState = "start";
let score = 0;
let roads = [];

function setup() {
  createCanvas(400, 400);
  rectMode(CENTER);
  textAlign(CENTER, CENTER);
  createRoads();
}

function draw() {
  updateGame();
  drawGame();
}

function createRoads() {
  roads = [];
  for (let i = 0; i < 21; i++) {
    roads.push({
      x: 200,
      y: 20 * i,
    });
  }
}

function updateGame() {
  if (gameState === "start") {
    return;
  }
  updateRoads();
  score++;
}

function updateRoads() {
  for (let i = 0; i < roads.length; i++) {
    roads[i].y += 1;
    if (roads[i].y >= 410) {
      roads[i].x = 200 + 100 * sin(score * 0.01);
      roads[i].y = -10;
    }
  }
}

function drawGame() {
  background(0);
  drawRoads();
  drawPlayer();
  drawScore();
  if (gameState === "start") {
    drawStart();
  }
}

function drawRoads() {
  fill(255);
  for (let i = 0; i < roads.length; i++) {
    rect(roads[i].x, roads[i].y, 150, 20);
  }
}

function drawPlayer() {
  fill(255, 0, 0);
  rect(mouseX, mouseY, 30, 30);
}

function drawScore(){
  fill(255, 0, 0);
  textSize(15);
  text(score, 320, 30);
}

function drawStart() {
  fill(255, 0, 0);
  textSize(30);
  text("レーシングゲーム", 200, 200);
  textSize(15);
  text("タップしてスタート", 200, 250);
}

function mousePressed() {
  if (gameState === "start") {
    gameState = "play";
  }
}