文心一言生成的生命游戏 - W3xue在线HTML/CSS/JS运行工具

<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>生命游戏</title>  
    <style>  
      canvas {  
        border: 1px solid black;  
      }  
    </style>  
  </head>  
  <body>  
    <canvas id="canvas"></canvas>  
    <script>  
      // 获取canvas元素和上下文对象  
      var canvas = document.getElementById("canvas");  
      var ctx = canvas.getContext("2d");  
  
      // 设置游戏参数  
      var maxHealth = 100;  
      var currentHealth = 100;  
      var time = 0;  
  
      // 生命值函数  
      function getHealth() {  
        return currentHealth;  
      }  
  
      // 游戏循环  
      function gameLoop() {  
        // 获取当前生命值  
        currentHealth = getHealth();  
  
        // 增加生命值  
        currentHealth += 10;  
  
        // 模拟时间流逝  
        time++;  
  
        // 判断生命值是否超过最大值  
        if (currentHealth > maxHealth) {  
          alert("你的生命值已经用完了，游戏结束！");  
          return;  
        }  
  
        // 清空画布  
        ctx.clearRect(0, 0, canvas.width, canvas.height);  
  
        // 绘制玩家  
        ctx.fillStyle = "red";  
        ctx.fillRect(10, 10, 50, 50);  
  
        // 绘制生命值  
        ctx.font = "bold 20px Arial";  
        ctx.fillStyle = "white";  
        ctx.textAlign = "center";  
        ctx.textBaseline = "middle";  
        ctx.fillText("Health: " + currentHealth, 50, 70);  
  
        // 更新游戏时间  
        time++;  
  
        // 判断游戏是否结束  
        if (time >= 60) {  
          alert("你已经玩了60秒钟了，游戏结束！");  
          return;  
        }  
  
        // 模拟时间流逝  
        time++;  
  
        // 绘制玩家  
        ctx.fillStyle = "blue";  
        ctx.fillRect(10, 10, 50, 50);  
  
        // 绘制生命值  
        ctx.font = "bold 20px Arial";  
        ctx.fillStyle = "white";  
        ctx.textAlign = "center";  
        ctx.textBaseline = "middle";  
        ctx.fillText("Health: " + currentHealth, 50, 70);  
  
        // 更新游戏时间  
        time++;  
  
        // 判断游戏是否结束  
        if (time >= 24) {  
          alert("你已经玩了24小时了，游戏结束！");  
          return;  
        }  
  
        // 模拟时间流逝  
        time++;  
  
        // 绘制玩家  
        ctx.fillStyle = "green";  
        ctx.fillRect(10, 10, 50, 50);  
  
        // 绘制生命值  
        ctx.font = "bold 20px Arial";  
        ctx.fillStyle = "white";  
        ctx.textAlign = "center";  
        ctx.textBaseline = "middle";  
        ctx.fillText("Health: " + currentHealth, 50, 70);
//painting blue on end as "Level 2", if applicable; and finally  //在文心一言的源代码中，这一行本来不是注释

ctx.drawImage(player, 20, 80, 0, 0, canvas.width, canvas.height);
</script>

</body> </html>

AخA
//painting blue on end as "Level 2", if applicable; and finally  //在文心一言的源代码中，这一行本来不是注释
 
<!DOCTYPE html>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>生命游戏</title>  
    <style>  
      canvas {  
        border: 1px solid black;  
      }  
    </style>  
  </head>  
  <body>  
    <canvas id="canvas"></canvas>  
    <script>  
      // 获取canvas元素和上下文对象  
      var canvas = document.getElementById("canvas");  
      var ctx = canvas.getContext("2d");  
  
      // 设置游戏参数  
      var maxHealth = 100;  
      var currentHealth = 100;  
      var time = 0;  
  
      // 生命值函数  
      function getHealth() {  
        return currentHealth;  
      }  
  
      // 游戏循环  
      function gameLoop() {  
        // 获取当前生命值  
        currentHealth = getHealth();  
  
        // 增加生命值  
        currentHealth += 10;  
  
        // 模拟时间流逝  
        time++;  
  
        // 判断生命值是否超过最大值  
        if (currentHealth > maxHealth) {  
          alert("你的生命值已经用完了，游戏结束！");  
          return;  
        }  
  
        // 清空画布  
        ctx.clearRect(0, 0, canvas.width, canvas.height);  
  