Un juego donde somos un auto y tiene que evitar cactus,cada vez se pone más complicado,y cada cuadra es un punto's game

Click here for free DL of the app version that can save data.

No:52028

167

←

Prev Next

→

Un juego donde somos un auto y tiene que evitar ca..ALL
Developer User18058｜Date and time 24/3/17 11:02:20
Build time 5.494 sec｜Game capacity 1.486KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Desierto Cactus</title>
</head>
<body>
<canvas id="canvas" width="400" height="400"></canvas>

let carX = 200;
let carY = 360;
let cactusX = Math.floor(Math.random() * 400);
let cactusY = -40;
let score = 0;

function drawCar() {
  ctx.fillStyle = 'blue';
  ctx.fillRect(carX, carY, 40, 40);
}

function drawCactus() {
  ctx.fillStyle = 'green';
  ctx.fillRect(cactusX, cactusY, 20, 40);
}

function drawScore() {
  ctx.font = '20px Arial';
  ctx.fillStyle = 'black';
  ctx.fillText('Puntos: ' + score, 10, 30);
}

function checkCollision() {
  if (carX < cactusX + 20 &&
      carX + 40 > cactusX &&
      carY < cactusY + 40 &&
      carY + 40 > cactusY) {
    alert('¡Game Over! Puntuación: ' + score);
    location.reload();
  }
}

function updateGameArea() {
  ctx.clearRect(0, 0, 400, 400);
  drawCar();
  drawCactus();
  drawScore();
  checkCollision();

cactusY += 5;
  if (cactusY > 400) {
    cactusY = -40;
    cactusX = Math.floor(Math.random() * 400);
    score++;
  }
}

function moveLeft() {
  if (carX > 0) {
    carX -= 10;
  }
}

function moveRight() {
  if (carX < 360) {
    carX += 10;
  }
}

document.addEventListener('keydown', function(event) {
  if (event.key === 'ArrowLeft') {
    moveLeft();
  } else if (event.key === 'ArrowRight') {
    moveRight();
  }
});

setInterval(updateGameArea, 20);
</script>
</body>
</html>