RPG 射擊可升level 武器升級可改造's game

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

No:14321

108

←

Prev Next

→

RPG 射擊可升level 武器升級可改造
Developer User6133｜Date and time 23/8/31 22:50:57
Build time 43.992 sec｜Game capacity 5.146KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>RPG射擊遊戲</title>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="400"></canvas>

// 游戏元素
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      speed: 5,
      level: 1,
      weapon: "gun"
    };

var bullets = [];
    var enemies = [];
    var score = 0;

// 键盘操作监听
    var leftPressed = false;
    var rightPressed = false;
    var spacePressed = false;

// 键盘按下操作事件
    document.addEventListener("keydown", keyDownHandler, false);

function keyDownHandler(e) {
      if (e.key === "Left" || e.key === "ArrowLeft") {
        leftPressed = true;
      } else if (e.key === "Right" || e.key === "ArrowRight") {
        rightPressed = true;
      }

if (e.key === "Space") {
        spacePressed = true;
      }
    }

// 键盘松开操作事件
    document.addEventListener("keyup", keyUpHandler, false);

function keyUpHandler(e) {
      if (e.key === "Left" || e.key === "ArrowLeft") {
        leftPressed = false;
      } else if (e.key === "Right" || e.key === "ArrowRight") {
        rightPressed = false;
      }

if (e.key === "Space") {
        spacePressed = false;
      }
    }

// 画玩家
    function drawPlayer() {
      context.beginPath();
      context.rect(player.x, player.y, 20, 20);
      context.fillStyle = "#0095DD";
      context.fill();
      context.closePath();
    }

// 画子弹
    function drawBullets() {
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        context.beginPath();
        context.rect(bullet.x, bullet.y, 5, 10);
        context.fillStyle = "#FF0000";
        context.fill();
        context.closePath();

bullet.y -= 5; // 子弹向上移动

// 碰撞检测
        for (var j = 0; j < enemies.length; j++) {
          var enemy = enemies[j];
          if (
            bullet.x >= enemy.x &&
            bullet.x <= enemy.x + 20 &&
            bullet.y >= enemy.y &&
            bullet.y <= enemy.y + 20
          ) {
            bullets.splice(i, 1); // 移除子弹
            enemies.splice(j, 1); // 移除敌人
            score += 10; // 得分加10
          }
        }

if (bullet.y < 0) {
          bullets.splice(i, 1); // 移除超出画布的子弹
        }
      }
    }

// 画敌人
    function drawEnemies() {
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        context.beginPath();
        context.rect(enemy.x, enemy.y, 20, 20);
        context.fillStyle = "#FFA500";
        context.fill();
        context.closePath();

enemy.y += 1; // 敌人向下移动

// 碰撞检测
        if (
          player.x >= enemy.x - 19 &&
          player.x <= enemy.x + 19 &&
          player.y >= enemy.y - 19 &&
          player.y <= enemy.y + 19
        ) {
          player.level--; // 玩家失去一个等级
        }

if (enemy.y > canvas.height) {
          enemies.splice(i, 1); // 移除超出画布的敌人
          player.level--; // 玩家失去一个等级
        }
      }
    }

// 画得分
    function drawScore() {
      context.font = "16px Arial";
      context.fillStyle = "#0095DD";
      context.fillText("Score: " + score, 20, 20);
    }

// 画等级
    function drawLevel() {
      context.font = "16px Arial";
      context.fillStyle = "#0095DD";
      context.fillText("Level: " + player.level, canvas.width - 80, 20);
    }

// 更新游戏状态
    function updateGame() {
      context.clearRect(0, 0, canvas.width, canvas.height); // 清除画布

drawPlayer();
      drawBullets();
      drawEnemies();
      drawScore();
      drawLevel();

if (leftPressed && player.x > 0) {
        player.x -= player.speed; // 玩家向左移动
      }

if (rightPressed && player.x < canvas.width - 20) {
        player.x += player.speed; // 玩家向右移动
      }

if (spacePressed && bullets.length < 5) {
        bullets.push({ x: player.x + 8, y: player.y }); // 创建并发射子弹
      }

if (player.level === 0) {
        gameOver(); // 判断玩家等级
      } else {
        requestAnimationFrame(updateGame); // 继续更新游戏状态
      }
    }

// 创建敌人
    function createEnemy() {
      var enemyX = Math.random() * (canvas.width - 20);
      enemies.push({ x: enemyX, y: 0 });

setTimeout(createEnemy, 1000); // 每隔1秒创建敌人
    }

// 游戏结束
    function gameOver() {
      context.clearRect(0, 0, canvas.width, canvas.height); // 清除画布

context.font = "32px Arial";
      context.fillStyle = "#FF0000";
      context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
    }

// 启动游戏
    function startGame() {
      createEnemy(); // 创建敌人
      updateGame(); // 更新游戏状态
    }

startGame(); // 游戏开始
  </script>
</body>
</html>