CodeBuddy和DeepSeek开发H5游戏初探(样例1:贪吃蛇)

SUJ8vr6 · 发表于 4 天前

磨叨二句出用的

女伶 href="https://www.taojin168.com" target="_blank">AIGC确实具备了很让人冷傲的开辟才气，可是女伶 href="https://www.taojin168.com" target="_blank">AIGC战人一致他是会出错的，而且也战人一致，需要充实的相同才能够理解您背它摆设任务的精确企图。因而，咱们不但仅是要建立一套女伶 href="https://www.taojin168.com" target="_blank">AIGC游玩开辟处置计划，咱们借要戴着各人颠末一点儿测验考试战操练，逐步教会取年夜模子相同，教会查抄年夜模子完毕的功课，跟从手艺海潮，挑选更佳的AI战更佳的智能体。

初初化工程

正在咱们要测验考试的开辟，仍然接纳第3章的尺度工程目次构造：

因为咱们需要让AI去天生代码，以是咱们正在index.html中只给定代码构造，战须要的引用，没有给定理论代码逻辑。
<!DOCTYPE html>
<html>
<head>
<script src="phaser-v3.9/phaser.min.js"></script>
</head>
<body>

<script>
class MainScene extends Phaser.Scene
{
      preload ()
      {
      }

      create ()
      {
      }

      update ()
      {
      }
}

const config = {
      type: Phaser.AUTO,
      width: 800,
      height: 600,
      scene: MainScene,
};

const game = new Phaser.Game(config);
</script>

</body>
</html>
CodeBuddy开辟典范饕餮蛇

咱们先让AIGC按照自己的理解，天生一个典范饕餮蛇游玩，更过几回测验考试，以下的提醒词汇更契合尔的期望。

原工程已经准确引进了phaser，鉴于phaser开辟一款典范饕餮蛇小游玩，Scene相干的代码正在src/scenes目次下完毕，游玩主逻辑正在src/main.js中完毕，相干设置正在src/config.js中完毕，index.html中已经准确引进的phaser没有需要再颠末CDN方法引进，可是别的代码能够改正。
CodeBuddy给出的部分完毕步调

尔将鉴于 Phaser 3 开辟一款典范饕餮蛇小游玩。如下是完毕步调：

创立游玩场景：src/scenes/GameScene.js

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w2.jpg

界说游玩设置：src/config.js

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w3.jpg

编辑游玩主逻辑：src/main.js

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w4.jpg

CodeBuddy查抄index.html文献

文献已经胜利天生或者改正：

交下来，尔将查抄 index.html 文献以保证 Phaser 的引进方法准确。

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w5.jpg

index.html 文献中已经准确引进了 Phaser，但是需要调解以使用咱们新创立的 src 目次下的逻辑。尔将改正 index.html ，移除内乱联剧本并准确引进 src/main.js 。

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w6.jpg

index.html 已经胜利改正，移除内乱联剧本并准确引进了 src/main.js 文献。
完毕饕餮蛇游玩的中心逻辑：src/scenes/GameScene.js

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w7.jpg

GameScene.js 已经胜利革新，完毕了饕餮蛇游玩的中心逻辑，包罗蛇的挪动、食品天生、撞碰检测战画造功用。

现在，饕餮蛇游玩已经完毕，能够运行 index.html 去体会游玩。假设需要退一步劣化或者有其余需要，请报告尔！
初度运行报错

Uncaught ReferenceError: GameScene is not defined at config.js:5:11

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w8.jpg

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w8.jpg

启事是正在config.js中不引进GameScene，咱们能够测验考试让AI建设它。
CodeBuddy建设报错

那个毛病是因为 config.js 中引用了 GameScene ，但是已准确导进它。尔将建设那个成就，保证 GameScene 正在 config.js 中被准确导进。

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w9.jpg

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w9.jpg

config.js 已经胜利革新，增加了对于 GameScene 的导进语句。现在毛病该当已经处置，能够从头运行游玩。假设另有其余成就，请报告尔！
第两次运行游玩

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w10.jpg

那个时候游玩能够运行了，可是仍然有BUG，饕餮蛇的身材少度有成就，咱们仍然让AI自己建设它。
CodeBuddy建设BUG1

饕餮蛇正在挪动时不准确革新绘里，招致饕餮神挪动过的轨迹皆是绿色。

那个成就是因为正在 update办法中不准确浑空绘布，招致蛇的挪动轨迹冷炙留。尔将改正 GameScene.js ，保证屡屡革新时浑空绘布偏重新画造蛇战食品。

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w11.jpg

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w11.jpg

已经建设饕餮蛇挪动轨迹冷炙留的成就。现在 clear()办法会使用 Graphics 工具完整浑空绘布，保证屡屡革新时蛇战食品皆能准确画造，没有会留住冷炙留陈迹。能够从头运行游玩尝试结果。

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w12.jpg

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w12.jpg

从头运行游玩，BUG已经建设。
CodeBuddy建设BUG2

饕餮蛇碰到自己大概碰到游玩鸿沟时，游玩不准确从头开端。

那个成就是因为正在 moveSnake办法中，固然检测到了撞碰并挪用了 this.scene.restart() ，但是可以不准确沉置游玩形状。尔将改正 GameScene.js ，保证正在游玩从头开端时完整沉置蛇的职位、标的目的战食品职位。

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w13.jpg

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w13.jpg

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w14.jpg

建设后，饕餮蛇游玩时游玩失利能够一般沉开游玩。

杂DeepSeek开辟HTML5典范饕餮蛇

因为民间的DeeSeek经常歇工，尔挑选正在腾讯元宝中使用DeepSeek。

天生一个典范的H5饕餮蛇小游玩，统统UI操纵皆要正在游玩中

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w15.jpg

CodeBuddy战DeepSeek开辟H5游玩初探(样例1:饕餮蛇)w15.jpg

正在24秒的深度思考以后，DeepSeek给出了全部的源代码（对于话历程面打检察元宝对于话），那是试玩界里。

一次天生HTML5代码整BUG体会，而且游玩设想的元艳比力完美，近近劣于CodeBuddy中异常使用DeepSeek给出的成果。

归纳

咱们正在原次二种情况下让AIGC开辟典范饕餮蛇的使用体会实在尔小我私家长短常趁心的，不管是杂DeepSeek-R1的一次天生整BUG体会，仍是CodeBuddy中使用DeepSeek-V3一步一步的完毕开辟、尝试、建设BUG的历程，皆让尔对于AIGC弄游玩开辟布满了决意。

固然正在CodeBuddy中不一次成型，可是它的开辟历程越发标准，给开辟职员供给了代码办理功用，能够回滚代码，能够给出明了的尝试计划，任务实现步调也比力具体，适宜做工程化的有必然范围的代码开辟，而CodeBuddy屡屡只处置部门的代码成就。

杂DeepSeek对于话情势固然一次性天生了整BUG游玩，可是跟着开辟目标的庞大性增加，杂DeepSeek对于话情势很易准确的建设BUG，而且代码质过量后也很易有整BUG的情况呈现了。

以是咱们假设要干AIGC的游玩开辟，必然要选一个佳的智能体，辅佐您办理代码版原、尝试计划等外容，而没有是间接使用对于话的方法截至。

尔更偏向于挑选一个佳的智能体，而后载进一个更适宜javascript编程的年夜模子（好比DeepSeek便很佳）。别的，尔正在开辟的使用AIGC的过程当中发明，提问的可否公道，对于可否能处置应前的成就作用十分年夜。

以是正在交下来的“AIGC开辟H5游玩初探”中，咱们将退一步乏计经历，逐步教会背年夜模子问成就，挑选更佳的智能体战更适宜的年夜模子！

要多干操练，要多干操练，要多干操练！

附件

原章源代码：