Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Impossible game's game | AI game creator

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

No:37384

←

Prev Next

→

Impossible game
Developer User17064｜Date and time 24/1/21 3:03:30
Build time 9.583 sec｜Game capacity 2.934KB｜

Script

Here's an example of a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. Please note that this is a very basic example and can be expanded upon to create a more complete game.

Impossible Game

In this game, the player starts by clicking on the game container. An obstacle (represented by the obstacle image) starts moving from left to right. The goal is to click again to stop the obstacle at the right time and reach the finish line (represented by the finish image). If the player stops the obstacle at the right position, a congratulatory message is displayed. Please note that you would need to replace the placeholder image URLs (`emozi_bear.png`, `emozi_chicken.png`, `emozi_rabbit.png`) with the actual image URLs you want to use for your game. Additionally, you can customize the styles and add more features to make the game more engaging and challenging.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Impossible Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-container {
      margin-top: 100px;
    }
  </style>
</head>
<body>
  <h1>Impossible Game</h1>
  
  <div id="game-container">
    <img src="pictogram_start.png" id="start-image" alt="Start" />
    <img src="pictogram_finish.png" id="finish-image" alt="Finish" />
    <img src="pictogram_obstacle.png" id="obstacle-image" alt="Obstacle" />
    
    <p id="result"></p>
  </div>

var gameStarted = false;
    var gameFinished = false;

gameContainer.addEventListener("click", function() {
      if (!gameStarted) {
        gameStarted = true;
        startImage.style.display = "none";
        moveObstacle();
      } else if (gameFinished) {
        resetGame();
      }
    });

function moveObstacle() {
      var currentPosition = 0;
      var interval = setInterval(function() {
        currentPosition += 10;
        obstacleImage.style.left = currentPosition + "px";

if (currentPosition >= (gameContainer.offsetWidth - obstacleImage.offsetWidth)) {
          clearInterval(interval);
          finishGame();
        }
      }, 50);
    }

function finishGame() {
      gameFinished = true;
      finishImage.style.display = "block";
      resultText.textContent = "Congratulations, you finished the game!";
    }

function resetGame() {
      gameStarted = false;
      gameFinished = false;
      startImage.style.display = "block";
      finishImage.style.display = "none";
      obstacleImage.style.left = "0px";
      resultText.textContent = "";
    }
  </script>
</body>
</html>
```

Please note that you would need to replace the placeholder image URLs (`pictogram_start.png`, `pictogram_finish.png`, `pictogram_obstacle.png`) with the actual image URLs you want to use for your game. Additionally, you can customize the styles and add more features to make the game more engaging and challenging.