RPG games enemy goblin vs player mode 3d's game

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

No:35883

←

Prev Next

→

RPG games enemy goblin vs player mode 3d
Developer User16401｜Date and time 24/1/15 19:43:21
Build time 9.273 sec｜Game capacity 2.374KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>RPG Game</title>
    <style>
      canvas {
        border: 2px solid black;
      }
    </style>
  </head>
  <body>
    <script>
      // Define the game elements
      var canvas;
      var context;
      var player;
      var goblin;
      
      // Initialize the game
      function init() {
        canvas = document.createElement("canvas");
        canvas.width = 400;
        canvas.height = 400;
        context = canvas.getContext("2d");
        document.body.appendChild(canvas);
        
        player = {
          x: 200,
          y: 200,
          width: 50,
          height: 50,
          color: "green"
        };
        
        goblin = {
          x: 50,
          y: 50,
          width: 50,
          height: 50,
          color: "red"
        };
        
        // Start game loop
        setInterval(update, 1000/60);
      }
      
      // Update the game logic
      function update() {
        // Move the player based on user input
        document.addEventListener("keydown", function(event){
          switch(event.keyCode){
              case 37: // Left arrow
                player.x -= 5;
                break;
              case 38: // Up arrow
                player.y -= 5;
                break;
              case 39: // Right arrow
                player.x += 5;
                break;
              case 40: // Down arrow
                player.y += 5;
                break;
          }
        });
        
        // Check for collision between player and goblin
        if (
          player.x < goblin.x + goblin.width &&
          player.x + player.width > goblin.x &&
          player.y < goblin.y + goblin.height &&
          player.y + player.height > goblin.y
        ) {
          // Game over
          alert("Game Over!");
          player.x = 200;
          player.y = 200;
        }
        
        // Clear canvas
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw the player
        context.fillStyle = player.color;
        context.fillRect(player.x, player.y, player.width, player.height);
        
        // Draw the goblin
        context.fillStyle = goblin.color;
        context.fillRect(goblin.x, goblin.y, goblin.width, goblin.height);
      }
      
      // Start the game
      init();
    </script>
  </body>
</html>