Knife emoji bounces around until it hits eight :-) emoji and then it says dead after it hits the emoji a nice disappears, then text disappears and the whole screen turns red and a :-) appears and then disappears after one second's game

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

No:14564

←

Prev Next

→

Knife emoji bounces around until it hits eight :-)..ALL
Developer User6282｜Date and time 23/9/3 3:49:13
Build time 32.834 sec｜Game capacity 3.775KB｜

Script

Sure! Here's an example of an HTML file that implements the described game using JavaScript with pictograms:

🙂

To play the game, open the HTML file in a web browser, and you will see a knife emoji bouncing around the screen. Clicking on the knife emoji increases the score. Once you hit eight :-) emojis, the game will display "DEAD" for one second, turn the screen red, and then reset the score. You can continue playing by clicking on the knife emoji again.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an HTML file that implements the described game using JavaScript with pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Knife Emoji Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100vw;
      height: 100vh;
      background-color: white;
    }
    #knife {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/hocho_1f52a.png');
      background-repeat: no-repeat;
      background-size: contain;
    }
    .emoji {
      position: absolute;
      width: 50px;
      height: 50px;
      font-size: 40px;
    }
    .game-over {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: red;
      color: white;
      font-size: 40px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="knife"></div>
    <div id="target"></div>
    <div class="emoji">🙂</div>
    <div class="emoji">🙂</div>
    <div class="emoji">🙂</div>
    <div class="emoji">🙂</div>
    <div class="emoji">🙂</div>
    <div class="emoji">🙂</div>
    <div class="emoji">🙂</div>
    <div class="emoji">🙂</div>
  </div>
  <div id="game-over" style="display:none">
    <h2 id="game-over-text"></h2>
  </div>
  <script>
    var knife = document.getElementById('knife');
    var emojis = document.getElementsByClassName('emoji');
    var gameOverScreen = document.getElementById('game-over');
    var gameOverText = document.getElementById('game-over-text');
    var target = document.getElementById('target');
    var score = 0;

function updateScore() {
      target.textContent = '🙂'.repeat(score);
    }

function getRandomPosition() {
      var gameContainer = document.getElementById('game-container');
      var containerWidth = gameContainer.offsetWidth;
      var containerHeight = gameContainer.offsetHeight;
      var knifeSize = knife.offsetWidth;
      var emojiSize = emojis[0].offsetWidth;
      var maxX = containerWidth - emojiSize;
      var maxY = containerHeight - emojiSize;
      var x = Math.floor(Math.random() * (maxX + 1));
      var y = Math.floor(Math.random() * (maxY + 1));
      if (x > (containerWidth - knifeSize)) x = containerWidth - knifeSize;
      if (y > (containerHeight - knifeSize)) y = containerHeight - knifeSize;
      return { x: x, y: y };
    }

function startGame() {
      score = 0;
      updateScore();
      knife.style.left = '0px';
      knife.style.top = '0px';
      gameOverScreen.style.display = 'none';

var moveKnife = setInterval(function() {
        var position = getRandomPosition();
        knife.style.left = position.x + 'px';
        knife.style.top = position.y + 'px';
      }, 1000);

knife.addEventListener('click', function() {
        score++;
        if (score === 8) {
          clearInterval(moveKnife);
          gameOverText.textContent = 'DEAD';
          gameOverScreen.style.display = 'flex';
          setTimeout(function() {
            gameOverScreen.style.display = 'none';
            score = 0;
            updateScore();
          }, 1000);
        }
        updateScore();
      });
    }

startGame();
  </script>
</body>
</html>
```