Skate game with bottoms's game

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

No:34325

←

Prev Next

→

Skate game with bottoms
Developer User16223｜Date and time 24/1/10 3:36:18
Build time 16.983 sec｜Game capacity 3.633KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Skate</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas width="400" height="400"></canvas>

// Event Listeners
      document.addEventListener("keydown", function (event) {
        keys[event.code] = true;
      });

document.addEventListener("keyup", function (event) {
        keys[event.code] = false;
      });

// Función para crear obstáculos
      function createObstacle() {
        var obstacle = {
          x: Math.random() * (canvas.width - 50),
          y: 0,
          width: 50,
          height: 50,
        };
        obstacles.push(obstacle);
      }

// Función para actualizar la posición del jugador
      function updatePlayer() {
        if (keys["ArrowRight"]) {
          player.x += player.speed;
          player.direction = 1;
        } else if (keys["ArrowLeft"]) {
          player.x -= player.speed;
          player.direction = -1;
        } else {
          player.direction = 0;
        }
      }

// Función para actualizar la posición de los obstáculos
      function updateObstacles() {
        for (var i = 0; i < obstacles.length; i++) {
          obstacles[i].y += gameSpeed;

if (obstacles[i].y > canvas.height) {
            obstacles.splice(i, 1);
            i--;
            score++;
          }
        }

if (score % 5 === 0) {
          gameSpeed += 0.5;
        }
      }

// Función para comprobar si hay colisiones entre el jugador y los obstáculos
      function checkCollision() {
        for (var i = 0; i < obstacles.length; i++) {
          if (
            player.x < obstacles[i].x + obstacles[i].width &&
            player.x + player.width > obstacles[i].x &&
            player.y < obstacles[i].y + obstacles[i].height &&
            player.y + player.height > obstacles[i].y
          ) {
            return true;
          }
        }
        return false;
      }

// Función principal del juego
      function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

updatePlayer();
        updateObstacles();

if (checkCollision()) {
          alert("¡Has perdido!\nPuntuación final: " + score);
          player.x = 50;
          player.y = canvas.height - 100;
          score = 0;
          gameSpeed = 1;
          obstacles = [];
        }

ctx.fillStyle = "green";
        ctx.fillRect(player.x, player.y, player.width, player.height);

ctx.fillStyle = "red";
        for (var i = 0; i < obstacles.length; i++) {
          ctx.fillRect(
            obstacles[i].x,
            obstacles[i].y,
            obstacles[i].width,
            obstacles[i].height
          );
        }

ctx.fillStyle = "black";
        ctx.font = "20px Arial";
        ctx.fillText("Puntuación: " + score, 20, 30);

requestAnimationFrame(gameLoop);
      }

// Inicia el juego
      gameLoop();
    </script>
  </body>
</html>