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

No:17146

145

←

Prev Next

→

A game where you fight heads in toilets that song ..ALL
Developer User7580｜Date and time 23/9/22 9:20:55
Build time 39.546 sec｜Game capacity 4.924KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file with JavaScript enclosed in script tags:

Toilet Head Fighter

Score: 0

This game is called "Toilet Head Fighter". In the game, you have to click on the toilet heads to defeat them and earn points. The toilets randomly move around the screen, and some of them shoot laser beams from their eyes. The game starts automatically when the page loads and lasts for 30 seconds. The player's score is displayed at the top, and it increases by 1 point for defeating a small toilet head and 2 points for defeating a big toilet head. After the game ends, an alert is shown with the final score. You can adjust the game duration or customize the appearance of the toilets and laser beams by modifying the JavaScript code or CSS styles.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game implemented as a single HTML file with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Toilet Head Fighter</title>
  <style>
    body {
      text-align: center;
    }
    
    .toilet {
      display: inline-block;
      width: 100px;
      height: 100px;
      margin: 10px;
      background-color: #e3e3e3;
      border-radius: 50%;
      cursor: pointer;
      user-select: none;
    }
    
    .laser {
      position: absolute;
      background-color: red;
      width: 3px;
      height: 80px;
      top: 50%;
      left: 50%;
      transform-origin: bottom;
      transform: rotate(45deg);
      display: none;
    }
    
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <h1>Toilet Head Fighter</h1>
  <div id="score">Score: 0</div>
  <div id="toiletContainer"></div>
  
  <script>
    var score = 0;
    var toilets = [];
    var intervalId;
  
    function randomInt(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    
    function Toilet(id, size) {
      this.id = id;
      this.size = size;
      this.isBig = size === "big";
      this.isAlive = true;
      this.element = document.createElement("div");
      this.element.className = "toilet";
      this.element.style.width = this.size === "big" ? "120px" : "100px";
      this.element.style.height = this.size === "big" ? "120px" : "100px";
      this.element.style.fontSize = this.isBig ? "40px" : "24px";
      this.element.style.lineHeight = this.isBig ? "120px" : "100px";
      this.element.textContent = "💩";
      this.element.addEventListener("click", this.onClick.bind(this));
      
      this.laser = document.createElement("div");
      this.laser.className = "laser";
      
      this.element.appendChild(this.laser);
      document.getElementById("toiletContainer").appendChild(this.element);
      
      this.move();
      this.startShooting();
    }
    
    Toilet.prototype.move = function() {
      var self = this;
      var container = document.getElementById("toiletContainer");
      var containerWidth = container.clientWidth;
      var containerHeight = container.clientHeight;
      var posX = randomInt(0, containerWidth - 120);
      var posY = randomInt(0, containerHeight - 120);
      
      this.element.style.top = posY + "px";
      this.element.style.left = posX + "px";
      
      setTimeout(function() {
        self.move();
      }, randomInt(1000, 3000));
    }
    
    Toilet.prototype.startShooting = function() {
      var self = this;
      var delay = randomInt(1000, 3000);
      
      setTimeout(function() {
        if (self.isAlive) {
          self.shootLaser();
          self.startShooting();
        }
      }, delay);
    }
    
    Toilet.prototype.shootLaser = function() {
      var self = this;
      var posY = this.isBig ? -80 : -50;
      
      this.laser.style.display = "block";
      this.laser.style.top = posY + "px";
      
      setTimeout(function() {
        self.laser.style.display = "none";
      }, 500);
    }
    
    Toilet.prototype.onClick = function() {
      if (this.isAlive) {
        this.isAlive = false;
        this.element.style.display = "none";
        
        score += this.isBig ? 2 : 1;
        document.getElementById("score").textContent = "Score: " + score;
      }
    }
    
    function startGame() {
      for (var i = 0; i < 5; i++) {
        var size = randomInt(0, 1) === 0 ? "normal" : "big";
        toilets.push(new Toilet(i, size));
      }
      
      intervalId = setInterval(function() {
        if (toilets.length < 10) {
          var size = randomInt(0, 1) === 0 ? "normal" : "big";
          toilets.push(new Toilet(toilets.length, size));
        }
      }, 2000);
    }
    
    function endGame() {
      clearInterval(intervalId);
      toilets.forEach(function(toilet) {
        toilet.element.style.display = "none";
      });
      alert("Game Over!\nYour score: " + score);
    }
    
    document.addEventListener("DOMContentLoaded", function() {
      startGame();
      
      setTimeout(function() {
        endGame();
      }, 30000); // Game duration: 30 seconds
    });
  </script>
</body>
</html>
```

The game starts automatically when the page loads and lasts for 30 seconds. The player's score is displayed at the top, and it increases by 1 point for defeating a small toilet head and 2 points for defeating a big toilet head.

After the game ends, an alert is shown with the final score. You can adjust the game duration or customize the appearance of the toilets and laser beams by modifying the JavaScript code or CSS styles.