AI助手崛起：开发者的新伙伴还是未来替代者？

news2024/10/5 12:56:47

你好，我是三桥君。

自从 ChatGPT 问市以来，AI 将取代开发者的声音不绝于耳，至今还是互联网异常火热的问题。

在软件开发领域，生成式人工智能（AIGC）正在改变开发者的工作方式。无论是代码生成、错误检测还是自动化测试，AI工具正在成为开发者的得力助手。

比如在代码生成方面，可以让大模型生成游戏代码。

“请帮我生成一个可以直接在网页运行的贪吃蛇游戏的代码”

我将这段代码复制到一个HTML文件中，然后用浏览器打开这个文件，试试能不能运行贪吃蛇游戏。

<!DOCTYPE html>
<html>
<head>
  <title>贪吃蛇游戏</title>
  <style>
    canvas {
      border: 4px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    var box = 20;
    var snake = [];
    snake[0] = { x: 10 * box, y: 10 * box };
    var food = {
      x: Math.floor(Math.random() * 20) * box,
      y: Math.floor(Math.random() * 20) * box
    };
    var d;

    document.addEventListener("keydown", direction);

    function direction(event) {
      if (event.keyCode == 37 && d != "RIGHT") {
        d = "LEFT";
      } else if (event.keyCode == 38 && d != "DOWN") {
        d = "UP";
      } else if (event.keyCode == 39 && d != "LEFT") {
        d = "RIGHT";
      } else if (event.keyCode == 40 && d != "UP") {
        d = "DOWN";
      }
    }

    function draw() {
      ctx.clearRect(0, 0, 400, 400);

      for (var i = 0; i < snake.length; i++) {
        ctx.fillStyle = (i == 0) ? "green" : "white";
        ctx.fillRect(snake[i].x, snake[i].y, box, box);
        ctx.strokeStyle = "black";
        ctx.strokeRect(snake[i].x, snake[i].y, box, box);
      }

      ctx.fillStyle = "red";
      ctx.fillRect(food.x, food.y, box, box);

      var snakeX = snake[0].x;
      var snakeY = snake[0].y;

      if (d == "LEFT") snakeX -= box;
      if (d == "UP") snakeY -= box;
      if (d == "RIGHT") snakeX += box;
      if (d == "DOWN") snakeY += box;

      if (snakeX == food.x && snakeY == food.y) {
        food = {
          x: Math.floor(Math.random() * 20) * box,
          y: Math.floor(Math.random() * 20) * box
        };
      } else {
        snake.pop();
      }

      var newHead = {
        x: snakeX,
        y: snakeY
      };

      if (snakeX < 0 || snakeY < 0 || snakeX >= 20 * box || snakeY >= 20 * box || collision(newHead, snake)) {
        clearInterval(game);
      }

      snake.unshift(newHead);
    }

    function collision(head, array) {
      for (var i = 0; i < array.length; i++) {
        if (head.x == array[i].x && head.y == array[i].y) {
          return true;
        }
      }
      return false;
    }

    var game = setInterval(draw, 100);
  </script>
</body>
</html>