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

No:39168

←

Prev Next

→

Anime girl
Developer User17532｜Date and time 24/1/27 2:26:22
Build time 17.483 sec｜Game capacity 3.012KB｜

Script

لعبة الألغاز الذكية

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>لعبة الألغاز الذكية</title>
</head>
<body>
  <h1>لعبة الألغاز الذكية</h1>
  
  <canvas id="gameCanvas" width="500" height="500"></canvas>
  
  <script>
    // Set up the game canvas and graphics context
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
  
    // Define the game variables
    var score = 0;
    var level = 1;
    var isPlaying = true;
  
    // Define the player object
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      size: 50,
    };
  
    // Define the enemies array
    var enemies = [
      { x: 100, y: 50, size: 30 },
      { x: 200, y: 100, size: 40 },
      { x: 300, y: 150, size: 50 }
    ];
  
    /**
     * Draw the game objects on the canvas
     */
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
  
      // Draw the player
      ctx.fillStyle = "#FF00FF";
      ctx.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
  
      // Draw the enemies
      ctx.fillStyle = "#00FF00";
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        ctx.fillRect(enemy.x - enemy.size / 2, enemy.y - enemy.size / 2, enemy.size, enemy.size);
      }
  
      // Draw the score and level
      ctx.fillStyle = "#000000";
      ctx.font = "24px Arial";
      ctx.fillText("Score: " + score, 10, 30);
      ctx.fillText("Level: " + level, canvas.width - 100, 30);
    }
  
    /**
     * Update the game logic for each frame
     */
    function update() {
      // Move the player based on touch events
      canvas.addEventListener("touchstart", function(event) {
        var touchX = event.touches[0].clientX;
        var touchY = event.touches[0].clientY;
  
        player.x = touchX;
        player.y = touchY;
      });
  
      // Check for collision between player and enemies
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var distance = Math.sqrt(Math.pow(enemy.x - player.x, 2) + Math.pow(enemy.y - player.y, 2));
  
        if (distance < enemy.size / 2 + player.size / 2) {
          isPlaying = false; // Game over
        }
      }
  
      // Increase score and level
      if (isPlaying) {
        score++;
        if (score % 10 === 0) {
          level++;
        }
      }
    }
  
    /**
     * The game loop function
     */
    function gameLoop() {
      if (!isPlaying) {
        // Game over, display final score
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.fillStyle = "#FF0000";
        ctx.font = "48px Arial";
        ctx.fillText("Game Over!", 100, canvas.height / 2);
        ctx.fillText("Score: " + score, 150, canvas.height / 2 + 50);
      } else {
        draw();
        update();
        requestAnimationFrame(gameLoop);
      }
    }
  
    // Start the game loop
    gameLoop();
  </script>
</body>
</html>