一个扮演小偷冒险的游戏's game

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

No:13494

124

←

Prev Next

→

一个扮演小偷冒险的游戏
Developer User5922｜Date and time 23/8/28 17:57:18
Build time 22.536 sec｜Game capacity 2.796KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>小偷冒险游戏</title>
</head>
<body>

// 定义小偷的初始位置
    var thiefX = canvas.width / 2;
    var thiefY = canvas.height - 50;
    var thiefSpeed = 3;

// 加载小偷图像
    var thiefImg = new Image();
    thiefImg.src = "thief.png";

// 监听玩家输入
    var leftPressed = false;
    var rightPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
      if (event.keyCode == 37) {
        leftPressed = true;
      } else if (event.keyCode == 39) {
        rightPressed = true;
      }
    }

function keyUpHandler(event) {
      if (event.keyCode == 37) {
        leftPressed = false;
      } else if (event.keyCode == 39) {
        rightPressed = false;
      }
    }

// 定义守卫的位置和速度
    var guardX = Math.random() * (canvas.width - 50);
    var guardY = 30;
    var guardSpeed = 2;

// 加载守卫图像
    var guardImg = new Image();
    guardImg.src = "guard.png";

// 定义分数和游戏结束标志
    var score = 0;
    var gameover = false;

// 更新游戏状态
    function update() {
      if (!gameover) {
        // 移动小偷
        if (leftPressed && thiefX > 0) {
          thiefX -= thiefSpeed;
        } else if (rightPressed && thiefX < canvas.width - 50) {
          thiefX += thiefSpeed;
        }
        
        // 移动守卫
        if (guardY < canvas.height) {
          guardY += guardSpeed;
        } else {
          // 当守卫到达底部时，重置位置
          guardX = Math.random() * (canvas.width - 50);
          guardY = 30;
          score += 10; // 增加分数
        }
        
        // 检查是否碰撞
        if (thiefX < guardX + 50 &&
            thiefX + 50 > guardX &&
            thiefY < guardY + 50 &&
            thiefY + 50 > guardY) {
          gameover = true;
          alert("游戏结束！\n你的得分为: " + score);
        }
        
        // 清空画布
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // 绘制小偷
        ctx.drawImage(thiefImg, thiefX, thiefY, 50, 50);
        
        // 绘制守卫
        ctx.drawImage(guardImg, guardX, guardY, 50, 50);
        
        // 绘制分数
        ctx.font = "20px Arial";
        ctx.fillText("分数: " + score, 10, 30);
        
        // 循环更新
        requestAnimationFrame(update);
      }
    }

// 开始游戏
    update();
  </script>

</body>
</html>