Create Melon Playground But SCP's game

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

No:18983

←

Prev Next

→

Create Melon Playground But SCP
Developer User8386｜Date and time 23/10/1 10:30:57
Build time 9.376 sec｜Game capacity 2.587KB｜

Script

Melon Playground - SCP Edition

Tap the melons to score points!

←

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>Melon Playground - SCP Edition</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 50px;
    }
    #game-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    #playground {
      width: 300px;
      height: 300px;
      border: 2px solid black;
      margin-bottom: 20px;
      display: flex;
      flex-wrap: wrap;
    }
    #instruction {
      font-size: 16px;
      margin-bottom: 10px;
    }
    .button {
      background-color: #4CAF50;
      color: white;
      padding: 10px 20px;
      font-size: 16px;
      border: none;
      cursor: pointer;
    }
    .button:hover {
      opacity: 0.8;
    }
    .melon {
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 36px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="game-title">Melon Playground - SCP Edition</div>
    <div id="playground"></div>
    <div id="instruction">Tap the melons to score points!</div>
    <button class="button" onclick="startGame()">Start Game</button>
  </div>

// Initialize the game variables
    let score = 0;
    let gameTimer;
    
    // Function to start the game
    function startGame() {
      score = 0;
      document.getElementById("playground").innerHTML = "";
      clearInterval(gameTimer);
      showMelons();
      gameTimer = setInterval(showMelons, 1000);
    }
    
    // Function to create and display melons randomly
    function showMelons() {
      const playground = document.getElementById("playground");
      playground.innerHTML = "";
      
      for (let i = 0; i < 9; i++) {
        const melonIndex = Math.floor(Math.random() * melonPictograms.length);
        const melonDiv = document.createElement("div");
        melonDiv.className = "melon";
        melonDiv.textContent = melonPictograms[melonIndex];
        melonDiv.onclick = function() {
          if (melonDiv.textContent === "🍉") {
            score++;
            document.getElementById("score").textContent = `Score: ${score}`;
          }
          playground.removeChild(melonDiv);
        };
        playground.appendChild(melonDiv);
      }
    }
  </script>
</body>
</html>