一款关于古巴停电的 Roguelike 游戏，你有弹弓打蚊子🦟，你用十字头移动's game

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

No:50911

162

←

Prev Next

→

一款关于古巴停电的 Roguelike 游戏，你有弹弓打蚊子🦟，你用十字头移动
Developer User21437｜Date and time 24/3/10 5:36:19
Build time 6.784 sec｜Game capacity 1.509KB｜

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 Roguelike - Apagón en Cuba</title>
</head>
<body>
  
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    // Jugador
    let playerX = 200;
    let playerY = 200;
    
    // Enemigo - Mosquito
    let enemyX = 100;
    let enemyY = 100;
    
    document.addEventListener('keydown', function(event) {
      switch(event.key) {
        case 'ArrowUp':
          playerY -= 10;
          break;
        case 'ArrowDown':
          playerY += 10;
          break;
        case 'ArrowLeft':
          playerX -= 10;
          break;
        case 'ArrowRight':
          playerX += 10;
          break;
      }
    });
    
    function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(playerX, playerY, 20, 20);
    }
    
    function drawEnemy() {
      ctx.fillStyle = 'red';
      ctx.fillRect(enemyX, enemyY, 10, 10);
    }
    
    function checkCollision() {
      if(Math.abs(playerX - enemyX) <= 20 && Math.abs(playerY - enemyY) <= 20) {
        alert('¡Te ha picado el mosquito! Juego terminado.');
        document.location.reload();
      }
    }
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      drawPlayer();
      drawEnemy();
      checkCollision();
      
      requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
  </script>
</body>
</html>