Grunkfuss comes out of the wall when you use the security cameras he gets closer and then on the 30th time you use it you die's game

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

No:29452

←

Prev Next

→

Grunkfuss comes out of the wall when you use the s..ALL
Developer User12051｜Date and time 23/12/17 9:58:56
Build time 18.092 sec｜Game capacity 2.229KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript. It can be played on a smartphone and incorporates pictograms. The game is about Grunkfuss, who comes out of the wall when you use the security cameras. He gets closer with each use of the camera, and if you reach the 30th use, you die.

Click the security camera:

Game Over!

Camera uses: 0

This HTML file sets up a game interface with a security camera represented as a button with an image. Each time the player clicks on the security camera, the score increases by one. If the score reaches or exceeds 30, the game ends, and the "Game Over!" message is displayed. Please note that the `emozi_all/camera.png` image file needs to be placed in the same directory as the HTML file for it to display correctly. You can use any pictogram you like for the security camera, just make sure to update the `src` attribute of the `<img>` tag accordingly.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Grunkfuss Game</title>
  <style>
    body {
      text-align: center;
      font-family: 'Arial', sans-serif;
    }
    
    img {
      max-width: 100%;
    }
    
    #gameContainer {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    
    #gameOver {
      display: none;
      color: red;
      font-size: 24px;
      font-weight: bold;
      margin-top: 10px;
    }
    
    #score {
      font-size: 18px;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <div id="gameContainer">
    <label for="camera">Click the security camera:</label>
    <br>
    <button id="camera" onclick="useCamera()">
      <img src="camera.png" alt="Security Camera">
    </button>
    <div id="gameOver">Game Over!</div>
    <div id="score">Camera uses: <span id="scoreValue">0</span></div>
  </div>

function useCamera() {
      score++;
      document.getElementById('scoreValue').innerText = score;

if (score >= maxScore) {
        gameOver();
      }
    }

function gameOver() {
      document.getElementById('camera').setAttribute('disabled', 'disabled');
      document.getElementById('gameOver').style.display = 'block';
    }
  </script>
</body>
</html>
```

Please note that the `camera.png` image file needs to be placed in the same directory as the HTML file for it to display correctly. You can use any pictogram you like for the security camera, just make sure to update the `src` attribute of the `<img>` tag accordingly.