Gib keine Erklärungen, nur den Code.'s game

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

No:32948

←

Prev Next

→

Gib keine Erklärungen, nur den Code.
Developer User14077｜Date and time 24/1/1 20:46:45
Build time 16.605 sec｜Game capacity 2.153KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Das Pictogram-Spiel</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

// Pictogram images
      const pictogramList = [
        "🌲", "🌺", "🐶", "🍕", "🎉", "👑", "🚀", "🎸", "⚽️", "📚"
      ];

// Game variables
      let score = 0;
      let currentPictogramIndex = 0;
      let isGameOver = false;

// Function to randomly select a pictogram from the list
      function getRandomPictogram() {
        return pictogramList[Math.floor(Math.random() * pictogramList.length)];
      }

// Function to draw the game board
      function drawBoard() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw score
        context.font = "20px Arial";
        context.fillStyle = "black";
        context.fillText("Score: " + score, 10, 30);

// Draw current pictogram
        context.font = "60px Arial";
        context.fillText(pictogramList[currentPictogramIndex], 200, 250);
      }

// Function to handle touch events
      function handleTouch(event) {
        if (isGameOver) {
          resetGame();
          return;
        }

const x = event.touches[0].clientX;
        const y = event.touches[0].clientY;

// Check if touch coordinates are within the pictogram area
        if (x >= 150 && x <= 350 && y >= 200 && y <= 300) {
          score++;
        } else {
          isGameOver = true;
        }

// Select a new pictogram
        currentPictogramIndex = Math.floor(Math.random() * pictogramList.length);

// Redraw the game board
        drawBoard();
      }

// Function to reset the game
      function resetGame() {
        score = 0;
        currentPictogramIndex = 0;
        isGameOver = false;
        drawBoard();
      }

// Event listener for touch events
      canvas.addEventListener("touchstart", handleTouch);

// Initial game setup
      drawBoard();
    </script>
  </body>
</html>