AI game creator

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

No:27328

←

Prev Next

→

Forknight
Developer User13585｜Date and time 23/12/6 3:44:54
Build time 67.302 sec｜Game capacity 3.87KB｜

Script

Sure! Here's a basic example of a game implemented as a single HTML file, utilizing JavaScript and enclosed in script tags. The game is a simple "Forknight" game, where the player controls a fork character and tries to catch falling food items by moving the fork left and right on a smartphone.

To use this code, please ensure to replace the `emozi_bear.png` and `emozi_chicken.png` with corresponding pictograms or image paths you have, and adjust their dimensions accordingly. This code sets up a game container with a fork character at the bottom. Food items will start falling from the top, and the player needs to move the fork left and right to catch the food items. The score is displayed at the top of the game container.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Forknight</title>
    <style>
      #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background-color: #000;
      }
      
      #fork {
        position: absolute;
        bottom: 0;
        width: 60px;
        height: 60px;
        background-image: url('fork.png'); /* replace with your fork pictogram */
        background-size: cover;
      }
      
      .food {
        position: absolute;
        width: 40px;
        height: 40px;
        background-image: url('food.png'); /* replace with your food pictogram */
        background-size: cover;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="fork"></div>
    </div>
    
    <script>
      // Game variables
      var gameContainer, fork, score;
      var foodSpeed = 2;
      var foodSpawnInterval = 1500;
      
      // Initialize game
      function initGame() {
        gameContainer = document.getElementById('game-container');
        fork = document.getElementById('fork');
        score = 0;
        
        fork.style.left = (gameContainer.offsetWidth / 2 - fork.offsetWidth / 2) + 'px';
        
        // Start spawning food
        setInterval(spawnFood, foodSpawnInterval);
        
        // Start game loop
        requestAnimationFrame(gameLoop);
      }
      
      // Update game state
      function update() {
        for (var i = 0; i < gameContainer.children.length; i++) {
          var food = gameContainer.children[i];
          
          // Move food downwards
          food.style.top = (food.offsetTop + foodSpeed) + 'px';
          
          // Check collision with fork
          if (isCollision(fork, food)) {
            food.remove();
            score++;
          }
          
          // Check if food reached bottom
          if (food.offsetTop > gameContainer.offsetHeight) {
            food.remove();
          }
        }
        
        // Update score display
        document.getElementById('score').innerText = 'Score: ' + score;
      }
      
      // Game loop
      function gameLoop() {
        update();
        requestAnimationFrame(gameLoop);
      }
      
      // Spawn food at random positions
      function spawnFood() {
        var food = document.createElement('div');
        food.className = 'food';
        food.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - food.offsetWidth)) + 'px';
        
        gameContainer.appendChild(food);
      }
      
      // Check collision between two elements
      function isCollision(elem1, elem2) {
        var rect1 = elem1.getBoundingClientRect();
        var rect2 = elem2.getBoundingClientRect();
        
        return !(
          rect1.top > rect2.bottom ||
          rect1.right < rect2.left ||
          rect1.bottom < rect2.top ||
          rect1.left > rect2.right
        );
      }
      
      // Start the game when the page is loaded
      window.addEventListener('load', initGame);
    </script>
  </body>
</html>
```

To use this code, please ensure to replace the `fork.png` and `food.png` with corresponding pictograms or image paths you have, and adjust their dimensions accordingly. This code sets up a game container with a fork character at the bottom. Food items will start falling from the top, and the player needs to move the fork left and right to catch the food items. The score is displayed at the top of the game container.