A rpg game with boss fights's game

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

No:10982

←

Prev Next

→

A rpg game with boss fights
Developer User4749｜Date and time 23/8/6 10:53:55
Build time 22.086 sec｜Game capacity 3.124KB｜

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 with Boss Fights</title>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="500"></canvas>
  
  <script>
    // Game variables
    var canvas, canvasContext;
    var player, boss;
    var playerImage, bossImage;
    var gameOver = false;
    
    // Position variables
    var playerX = 50;
    var playerY = 50;
    var bossX = 400;
    var bossY = 400;
    
    // Movement variables
    var playerSpeed = 5;
    var bossSpeed = 2;
    
    // Load images
    function loadImages() {
      playerImage = new Image();
      playerImage.src = "player.png";
      
      bossImage = new Image();
      bossImage.src = "boss.png";
    }
    
    // Initialize game elements
    function initialize() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");
      
      player = {
        x: playerX,
        y: playerY,
        width: 50,
        height: 50
      };
      
      boss = {
        x: bossX,
        y: bossY,
        width: 100,
        height: 100
      };
      
      loadImages();
      
      // Event listeners for player movement
      document.addEventListener("keydown", handleKeyPress);
      
      // Start game loop
      setInterval(update, 1000/30); // 30 FPS
    }
    
    // Update game state
    function update() {
      if (gameOver) {
        return;
      }
      
      moveBoss();
      
      if (checkCollision(player, boss)) {
        gameOver = true;
        alert("Game Over - Boss defeated you!");
      }
      
      draw();
    }
    
    // Move boss towards player
    function moveBoss() {
      if (boss.x < player.x) {
        boss.x += bossSpeed;
      }
      else if (boss.x > player.x) {
        boss.x -= bossSpeed;
      }
      
      if (boss.y < player.y) {
        boss.y += bossSpeed;
      }
      else if (boss.y > player.y) {
        boss.y -= bossSpeed;
      }
    }
    
    // Draw game elements
    function draw() {
      // Clear canvas
      canvasContext.fillStyle = "black";
      canvasContext.fillRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      canvasContext.drawImage(playerImage, player.x, player.y, player.width, player.height);
      
      // Draw boss
      canvasContext.drawImage(bossImage, boss.x, boss.y, boss.width, boss.height);
    }
    
    // Handle player movement
    function handleKeyPress(event) {
      switch(event.keyCode) {
        case 37: // Left
          player.x -= playerSpeed;
          break;
        case 38: // Up
          player.y -= playerSpeed;
          break;
        case 39: // Right
          player.x += playerSpeed;
          break;
        case 40: // Down
          player.y += playerSpeed;
          break;
      }
    }
    
    // Collision detection
    function checkCollision(rectA, rectB) {
      return rectA.x < rectB.x + rectB.width &&
             rectA.x + rectA.width > rectB.x &&
             rectA.y < rectB.y + rectB.height &&
             rectA.y + rectA.height > rectB.y;
    }
    
    // Start game
    initialize();
  </script>
</body>
</html>