A medieval times style game and you play as a little kid in a barrel and you go around completing quests and beating bosses.'s game

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

No:28652

←

Prev Next

→

A medieval times style game and you play as a litt..ALL
Developer User14200｜Date and time 23/12/13 21:25:06
Build time 45.366 sec｜Game capacity 3.385KB｜

Script

Sure, here's a simple graphical game called "Barrel Knight" implemented as a single HTML file using JavaScript:

In this game, you play as a little knight hidden inside a barrel. You can move the knight using arrow keys on a smartphone. The objective is to complete a quest by reaching the quest NPC (green rectangle) while avoiding the boss (red rectangle). Collision detection is implemented to check if the player collides with the quest NPC or the boss. An alert is shown when the player completes the quest or encounters the boss. Please note that this is a basic example to give you a starting point for the game. You can further enhance and customize the game by adding more features, levels, and graphics as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple graphical game called "Barrel Knight" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Barrel Knight</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game initialization
    window.onload = function() {
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      var player = {
        x: 50,
        y: 50,
        width: 40,
        height: 40,
        speed: 5,
        color: "blue"
      };
      var questNPC = {
        x: 200,
        y: 200,
        width: 40,
        height: 40,
        color: "green"
      };
      var boss = {
        x: 300,
        y: 300,
        width: 60,
        height: 60,
        color: "red"
      };
      
      // Event listeners for arrow key controls
      document.addEventListener("keydown", function(e) {
        switch(e.keyCode) {
          case 37: // Left arrow
            player.x -= player.speed;
            break;
          case 38: // Up arrow
            player.y -= player.speed;
            break;
          case 39: // Right arrow
            player.x += player.speed;
            break;
          case 40: // Down arrow
            player.y += player.speed;
            break;
        }
      });
      
      // Game loop
      setInterval(function() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw player
        ctx.fillStyle = player.color;
        ctx.fillRect(player.x, player.y, player.width, player.height);
        
        // Draw quest NPC
        ctx.fillStyle = questNPC.color;
        ctx.fillRect(questNPC.x, questNPC.y, questNPC.width, questNPC.height);
        
        // Draw boss
        ctx.fillStyle = boss.color;
        ctx.fillRect(boss.x, boss.y, boss.width, boss.height);
        
        // Handle collision with quest NPC
        if (checkCollision(player, questNPC)) {
          alert("Congratulations! You completed the quest!");
          // Implement quest completion logic here if needed
        }
        
        // Handle collision with boss
        if (checkCollision(player, boss)) {
          alert("Game Over! You encountered a boss and failed!");
          // Implement game over logic here if needed
        }
      }, 20);
      
      // Collision detection function
      function checkCollision(obj1, obj2) {
        return obj1.x < obj2.x + obj2.width &&
               obj1.x + obj1.width > obj2.x &&
               obj1.y < obj2.y + obj2.height &&
               obj1.y + obj1.height > obj2.y;
      }
    };
  </script>
</body>
</html>
```

Please note that this is a basic example to give you a starting point for the game. You can further enhance and customize the game by adding more features, levels, and graphics as per your requirements.