Cube dash but cubes are faster's game

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

No:42645

←

Prev Next

→

Cube dash but cubes are faster
Developer User18853｜Date and time 24/2/12 12:29:03
Build time 8.497 sec｜Game capacity 2.339KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<script>
  // Definir tamanho da tela do jogo e velocidade dos cubos
  var screenWidth = 600;
  var screenHeight = 400;
  var cubeSpeed = 3;

// Definir a posição inicial do jogador
  var playerX = screenWidth / 2;
  var playerY = screenHeight / 2;

// Definir a posição inicial dos cubos
  var cubeX = screenWidth;
  var cubeY = Math.floor(Math.random() * screenHeight);

// Definir a pontuação inicial do jogador
  var score = 0;

// Função para mover o jogador com base na tecla pressionada
  function movePlayer(event) {
    if(event.keyCode == 37) { // seta esquerda
      playerX -= 10;
    }
    else if(event.keyCode == 39) { // seta direita
      playerX += 10;
    }
    else if(event.keyCode == 38) { // seta cima
      playerY -= 10;
    }
    else if(event.keyCode == 40) { // seta baixo
      playerY += 10;
    }
  }

// Função para atualizar a posição do cubo e verificar colisão com o jogador
  function updateGame() {
    cubeX -= cubeSpeed;

if(cubeX < 0) {
      cubeX = screenWidth;
      cubeY = Math.floor(Math.random() * screenHeight);
      score += 1;
    }

if(playerX < cubeX + 30 && playerX + 30 > cubeX && playerY < cubeY + 30 && playerY + 30 > cubeY) {
      // O jogador colidiu com o cubo, reiniciar o jogo
      alert("Você perdeu! Pontuação final: " + score);
      playerX = screenWidth / 2;
      playerY = screenHeight / 2;
      cubeX = screenWidth;
      cubeY = Math.floor(Math.random() * screenHeight);
      score = 0;
    }

// Atualizar a tela do jogo
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

context.clearRect(0, 0, screenWidth, screenHeight);

// Desenhar o jogador
    context.fillStyle = "#FF0000";
    context.fillRect(playerX, playerY, 30, 30);

// Desenhar o cubo
    context.fillStyle = "#0000FF";
    context.fillRect(cubeX, cubeY, 30, 30);

// Exibir a pontuação
    context.fillStyle = "#000000";
    context.font = "20px Arial";
    context.fillText("Pontuação: " + score, 10, 30);
  }

// Função para iniciar o jogo
  function startGame() {
    setInterval(updateGame, 20);
  }
</script>
</head>
<body onload="startGame()" onkeydown="movePlayer(event)">
  <canvas id="gameCanvas" width="600" height="400"></canvas>
</body>
</html>