AI game creator

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

No:26162

←

Prev Next

→

Fallout
Developer User12889｜Date and time 23/11/27 13:17:26
Build time 28.905 sec｜Game capacity 2.664KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: black;
      }
      #canvas {
        display: block;
      }
    </style>
</head>

// Game state variables
      let playerX = 0;
      let playerY = 0;
      let playerSize = 50;
      let score = 0;
      let isGameOver = false;

// Pictograms for gameplay elements
      const playerIcon = "🚀";
      const bombIcon = "💣";

// Function to draw the player on the canvas
      function drawPlayer() {
        ctx.font = `${playerSize}px Arial`;
        ctx.fillText(playerIcon, playerX, playerY);
      }

// Function to handle player movement based on touch events
      function handleTouchMove(event) {
        if (!isGameOver) {
          playerX = event.touches[0].clientX - playerSize / 2;
          playerY = event.touches[0].clientY - playerSize / 2;
        }
      }

// Function to update game state and draw game elements
      function update() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();

if (isGameOver) {
          ctx.font = "40px Arial";
          ctx.fillStyle = "red";
          ctx.fillText("Game Over!", canvas.width / 2 - 100, canvas.height / 2);
          return;
        }

// Generate random bomb positions
        const bombX = Math.random() * (canvas.width - playerSize);
        const bombY = Math.random() * (canvas.height - playerSize);

// Calculate the distance between player and bomb
        const distance = Math.sqrt(
          (playerX - bombX) * (playerX - bombX) + (playerY - bombY) * (playerY - bombY)
        );

if (distance < playerSize) {
          // Game over if player touched a bomb
          isGameOver = true;
        } else {
          // Increment score if player successfully avoids a bomb
          score++;
        }

// Display the current score
        ctx.font = "20px Arial";
        ctx.fillStyle = "white";
        ctx.fillText(`Score: ${score}`, 10, 20);

requestAnimationFrame(update);
      }

// Initialize game on page load
      window.onload = function() {
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Start game loop
        requestAnimationFrame(update);

// Bind touch event for player movement
        document.addEventListener("touchmove", handleTouchMove);
      };
    </script>
</body>
</html>