A man running through obstacles and trying to defeat the final bos by defeating a small boss every 10 levels until level 50 then he k○lls the boss who is trapping his brother he wins's game

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

No:30683

100

←

Prev Next

→

A man running through obstacles and trying to defe..ALL
Developer User14912｜Date and time 23/12/23 22:08:47
Build time 38.714 sec｜Game capacity 7.374KB｜

Script

Sure! Here's a basic implementation of the game using HTML, JavaScript, and pictograms. The game is played on a smartphone and follows the concept you described.

To use this code, create a new HTML file and paste the above code into it. Save the file with an ".html" extension. Also, make sure you have pictogram images like `emozi_all/pictogram.png`, `emozi_rabbit.png`, `emozi_all/boss.png`, and `emozi_all/enemy.png` available in a folder named "pictograms" which should be in the same directory as the HTML file. When you open the HTML file in a web browser, the game will start. The player can use the spacebar key to make the character jump and avoid obstacles and enemies. Every 10 levels, a boss fight will occur. The game ends if the player collides with an obstacle/enemy or fails to defeat the final boss at level 50. This is a basic implementation, and you can enhance it further by adding more features, levels, power-ups, animations, sound effects, etc., based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a basic implementation of the game using HTML, JavaScript, and pictograms. The game is played on a smartphone and follows the concept you described.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Runner Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    #game-canvas {
      width: 100%;
      height: 100vh;
      background: #000;
      position: relative;
    }
    
    #player {
      width: 50px;
      height: 50px;
      background-image: url('pictograms/runner.png');
      position: absolute;
      bottom: 0;
      left: 50px;
    }
    
    .obstacle {
      width: 50px;
      height: 50px;
      background-image: url('pictograms/obstacle.png');
      position: absolute;
      bottom: 0;
    }
    
    #boss {
      width: 100px;
      height: 100px;
      background-image: url('pictograms/boss.png');
      position: absolute;
      bottom: 0;
      right: 50px;
    }
    
    .enemy {
      width: 50px;
      height: 50px;
      background-image: url('pictograms/enemy.png');
      position: absolute;
      bottom: 0;
      right: 50px;
    }
  </style>
</head>
<body>
  <div id="game-canvas">
    <div id="player"></div>
    <div id="boss"></div>
  </div>
  
  <script>
    // Game Variables
    var player;
    var obstacles = [];
    var boss;
    var enemies = [];
    var level = 1;
    
    // Game Initialization
    function initGame() {
      player = document.getElementById("player");
      boss = document.getElementById("boss");
      
      // Create Obstacles
      for (var i = 0; i < 10; i++) {
        var obstacle = document.createElement("div");
        obstacle.className = "obstacle";
        obstacle.style.left = Math.floor(Math.random() * 90) + "%";
        obstacles.push(obstacle);
        document.getElementById("game-canvas").appendChild(obstacle);
      }
      
      startLevel();
    }
    
    // Start Current Level
    function startLevel() {
      // Move Player
      player.style.left = "50px";
      
      // Move Obstacles
      for (var i = 0; i < obstacles.length; i++) {
        obstacles[i].style.bottom = "0";
      }
      
      // Check if Small Boss Defeated
      if (level % 10 === 0) {
        startBossFight();
      }
      else {
        startEnemyFight();
      }
    }
    
    // Start Enemy Fight
    function startEnemyFight() {
      // Create Enemies
      for (var i = 0; i < 5; i++) {
        var enemy = document.createElement("div");
        enemy.className = "enemy";
        enemy.style.left = Math.floor(Math.random() * 90) + "%";
        enemies.push(enemy);
        document.getElementById("game-canvas").appendChild(enemy);
      }
    }
    
    // Start Boss Fight
    function startBossFight() {
      boss.style.display = "block";
    }
    
    // Game Controls
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 32) {
        jump();
      }
    });
    
    // Player Jump
    function jump() {
      player.style.bottom = "200px";
      setTimeout(function() {
        player.style.bottom = "0";
      }, 500);
    }
    
    // Game Loop
    function gameLoop() {
      // Move Obstacles
      for (var i = 0; i < obstacles.length; i++) {
        var obstacle = obstacles[i];
        var obstacleBottom = parseInt(obstacle.style.bottom);
        
        if (obstacleBottom > -50) {
          obstacle.style.bottom = (obstacleBottom - 10) + "px";
        }
        else {
          obstacle.style.bottom = "100vh";
        }
      }
      
      // Move Enemies
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var enemyBottom = parseInt(enemy.style.bottom);
        
        if (enemyBottom > -50) {
          enemy.style.bottom = (enemyBottom - 20) + "px";
        }
        else {
          enemy.style.bottom = "100vh";
        }
      }
      
      // Collisions
      if (level % 10 !== 0 && checkCollision()) {
        gameOver();
        return;
      }
      
      // Next Level
      if (level % 10 === 0 && checkBossCollision()) {
        level++;
        startLevel();
      }
      
      setTimeout(gameLoop, 50);
    }
    
    // Check Collision with Obstacles and Enemies
    function checkCollision() {
      var playerLeft = parseInt(player.style.left);
      var playerBottom = parseInt(player.style.bottom);
      
      for (var i = 0; i < obstacles.length; i++) {
        var obstacle = obstacles[i];
        var obstacleLeft = parseInt(obstacle.style.left);
        var obstacleBottom = parseInt(obstacle.style.bottom);
        
        if (
          playerBottom <= 50 && 
          playerLeft >= obstacleLeft - 50 && 
          playerLeft <= obstacleLeft + 50 &&
          obstacleBottom <= 0
        ) {
          return true;
        }
      }
      
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        var enemyLeft = parseInt(enemy.style.left);
        var enemyBottom = parseInt(enemy.style.bottom);
        
        if (
          playerBottom <= 50 && 
          playerLeft >= enemyLeft - 50 && 
          playerLeft <= enemyLeft + 50 &&
          enemyBottom <= 0
        ) {
          return true;
        }
      }
      
      return false;
    }
    
    // Check Collision with Boss
    function checkBossCollision() {
      var playerLeft = parseInt(player.style.left);
      var playerBottom = parseInt(player.style.bottom);
      
      var bossLeft = parseInt(boss.style.left);
      var bossBottom = parseInt(boss.style.bottom);
      
      if (
        playerBottom <= 100 && 
        playerLeft >= bossLeft - 50 && 
        playerLeft <= bossLeft + 100 &&
        bossBottom <= 0
      ) {
        return true;
      }
      
      return false;
    }
    
    // Game Over
    function gameOver() {
      alert("Game Over! You couldn't save your brother.");
      resetGame();
    }
    
    // Reset Game
    function resetGame() {
      level = 1;
      player.style.bottom = "0";
      
      // Remove Obstacles
      for (var i = 0; i < obstacles.length; i++) {
        obstacles[i].parentNode.removeChild(obstacles[i]);
      }
      obstacles = [];
      
      // Remove Enemies
      for (var i = 0; i < enemies.length; i++) {
        enemies[i].parentNode.removeChild(enemies[i]);
      }
      enemies = [];
      
      // Hide Boss
      boss.style.display = "none";
      
      startLevel();
    }
    
    // Initialize Game
    initGame();
    
    // Start Game Loop
    gameLoop();
  </script>
</body>
</html>
```

To use this code, create a new HTML file and paste the above code into it. Save the file with an ".html" extension. Also, make sure you have pictogram images like `runner.png`, `obstacle.png`, `boss.png`, and `enemy.png` available in a folder named "pictograms" which should be in the same directory as the HTML file.

When you open the HTML file in a web browser, the game will start. The player can use the spacebar key to make the character jump and avoid obstacles and enemies. Every 10 levels, a boss fight will occur. The game ends if the player collides with an obstacle/enemy or fails to defeat the final boss at level 50.

This is a basic implementation, and you can enhance it further by adding more features, levels, power-ups, animations, sound effects, etc., based on your requirements.