Make a “impossible” game's game

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

No:15061

←

Prev Next

→

Make a “impossible” game
Developer User6499｜Date and time 23/9/6 0:41:11
Build time 30.879 sec｜Game capacity 2.95KB｜

Script

Sure! Here's an example of an "impossible" game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms to represent the game elements.

This simple game starts automatically when the HTML is loaded. The player is represented as a white square, and the obstacle is shown as a red rectangle moving from right to left on the screen. The objective is to avoid a collision between the player and the obstacle by tapping on the screen to make the player jump. The game ends when a collision occurs, and a pop-up message will display the player's final score before the page reloads for a new game. Please note that this is a very basic example, and you can enhance it by adding additional features, improving graphics, or incorporating more challenging gameplay mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's an example of an "impossible" game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms to represent the game elements.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Impossible Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background: #000;
    }
    #player {
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background: #fff;
    }
    #obstacle {
      position: absolute;
      top: 0;
      left: 100%;
      width: 50px;
      height: 100%;
      background: #ff0000;
      animation: moveObstacle linear infinite;
      animation-duration: 3s;
    }
    @keyframes moveObstacle {
      0% {
        left: 100%;
      }
      100% {
        left: -50px;
      }
    }
  </style>
</head>
<body>
  <script>
    document.addEventListener("DOMContentLoaded", function(event) {
      var player = document.getElementById("player");
      var obstacle = document.getElementById("obstacle");
      var gameInterval;
      var score = 0;

function startGame() {
        gameInterval = setInterval(updateGame, 20);
      }

function stopGame() {
        clearInterval(gameInterval);
      }

function updateGame() {
        if (collisionCheck()) {
          stopGame();
          alert("Game Over! Your score: " + score);
          location.reload();
        }
        score++;
      }

function collisionCheck() {
        var playerRect = player.getBoundingClientRect();
        var obstacleRect = obstacle.getBoundingClientRect();
        return !(
          playerRect.bottom < obstacleRect.top ||
          playerRect.top > obstacleRect.bottom ||
          playerRect.right < obstacleRect.left ||
          playerRect.left > obstacleRect.right
        );
      }

document.addEventListener("mousedown", jump);
      document.addEventListener("touchstart", jump);

function jump() {
        player.style.animation = "jump 0.4s";
        setTimeout(function() {
          player.style.animation = "";
        }, 400);
      }

startGame();
    });
  </script>
  <div id="player"></div>
  <div id="obstacle"></div>
</body>
</html>
```

Please note that this is a very basic example, and you can enhance it by adding additional features, improving graphics, or incorporating more challenging gameplay mechanics.