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

No:18939

←

Prev Next

→

Iron kirby
Developer User8295｜Date and time 23/10/1 5:47:13
Build time 9.991 sec｜Game capacity 3.392KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript. The game is based on Iron Kirby, and it's designed for smartphone operation. It uses pictograms to represent the game elements. You can copy and paste the code into an HTML file to play the game.

Iron Kirby Game

Note that you'll need to replace the `'emozi_all/player.png'` and `'emozi_all/enemy.png'` with the actual paths to your own pictograms or sprites for the player and enemies.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Iron Kirby Game</title>
  <style>
    body {
      background-color: #f0f0f0;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      width: 320px;
      height: 480px;
      margin: 0 auto;
      border: 1px solid #999;
      background-color: #fff;
      position: relative;
      overflow: hidden;
    }
    
    #player {
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .enemy {
      position: absolute;
      width: 50px;
      height: 50px;
    }
  </style>
</head>
<body>
  <h1>Iron Kirby Game</h1>
  
  <div id="game-container">
    <img id="player" src="path/to/player-icon.png" alt="Player">
  </div>
  
  <script>
    var player = document.getElementById('player');
    var gameContainer = document.getElementById('game-container');
    var gameInterval;
  
    function movePlayer(event) {
      var containerOffset = gameContainer.offsetLeft;
      var newPosition = event.touches[0].clientX - containerOffset;
      player.style.left = newPosition + 'px';
    }
  
    function createEnemy() {
      var enemy = document.createElement('img');
      enemy.src = 'path/to/enemy-icon.png';
      enemy.classList.add('enemy');
      enemy.style.left = Math.random() * 250 + 'px';
      enemy.style.top = '-50px';
      gameContainer.appendChild(enemy);
    }
  
    function moveEnemies() {
      var enemies = document.getElementsByClassName('enemy');
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var currentTop = parseInt(enemy.style.top);
        if (currentTop >= 480) {
          // Enemy reached the bottom, remove it
          enemy.parentNode.removeChild(enemy);
        } else {
          enemy.style.top = (currentTop + 5) + 'px';
        }
      }
    }
  
    function checkCollision() {
      var enemies = document.getElementsByClassName('enemy');
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var enemyRect = enemy.getBoundingClientRect();
        var playerRect = player.getBoundingClientRect();
        if (
          enemyRect.top < playerRect.bottom &&
          enemyRect.bottom > playerRect.top &&
          enemyRect.left < playerRect.right &&
          enemyRect.right > playerRect.left
        ) {
          // Collision occurred, end the game
          stopGame();
          alert('Game Over!');
        }
      }
    }
  
    function startGame() {
      gameInterval = setInterval(function() {
        createEnemy();
        moveEnemies();
        checkCollision();
      }, 1000);
      gameContainer.addEventListener('touchmove', movePlayer);
    }
  
    function stopGame() {
      clearInterval(gameInterval);
      gameContainer.removeEventListener('touchmove', movePlayer);
    }
  
    startGame();
  </script>
</body>
</html>
```

Note that you'll need to replace the `'path/to/player-icon.png'` and `'path/to/enemy-icon.png'` with the actual paths to your own pictograms or sprites for the player and enemies.