前几天我发了一个微头条，说我用 AI 写了“五子棋”、“黑白棋”、“24 点”等小游戏，只需要几分钟就能搞定。一些网友看到了来问我，我连 html 或者 Python 都不懂，也不知道怎么运行程序，甚至不知道在哪里写代码，我能用 AI 编程吗？

当然！我的回答是“有嘴就能编程”！

下面编程小白就可以跟着我，一步一步用豆包 AI 来编写一个真正可以玩的“黑白棋游戏”吧，绝对不需要你懂一行代码，就可以做一个你想要的小游戏。

第一步：进入“豆包 AI”的对话界面

这一步我应该不用教了吧，首先打开电脑浏览器，点击“豆包 AI”的网址（「链接」），或者在搜索引擎中搜索“豆包 AI”都可以。

豆包 AI 的 PC 端界面

第二步：开始编写你的第一个“游戏”程序

现在“豆包 AI”的消息框中，输入第一句话“我想写一个黑白棋的游戏”。

然后 AI 会给你写出一大堆的代码，不过一般都会说明写的是什么代码。从AI 回答的内容可以看到，它写了一个 Python 的黑白棋游戏代码（如下图）。

对于编程小白来说，看到这么一大堆代码立刻就晕菜了，什么是 Python？怎么运行？我要如何使用这些代码？别着急，我们继续和 AI 聊天。

我不知道怎么运行这个程序，我想在网页里面玩的那种游戏

当你和 AI 说出上面这句话，AI 就会知道，你不懂 Python，要写一个可以在网页里面玩的游戏。于是 AI 会告诉你：

要将黑白棋游戏实现为网页版，您可以使用 HTML、CSS 和 JavaScript 来完成。以下是一个简单的示例，使用 JavaScript 实现黑白棋的核心逻辑，并在网页中展示和交互：

这样就对了，豆包 AI 生成了可以在网页里面玩的代码。

但是，编程小白发现了，即便你给了我这些代码，我也不知道怎么用啊？该怎么办呢？别着急，AI 是不会嫌弃你什么也不懂的，即便你是小白中的小白，只要你不耻下问，AI 总会耐心的给你答案。这一点就比你和其他人学习多了一个最大的好处，不怕别人烦你问问题。

继续问：

我不懂写程序，怎么将上述代码保存为 html 文件？能不能一步步的教我？

AI 会非常详尽的告诉你每一步操作，你只需要按照 AI 提供的步骤一步一步进行即可完成最重要的环节。将代码保存成 “othello_game.html” 文件。

我用的是 mac 电脑，当然 windows 也是大同小异了。一步一步贴出来我的操作截图：

将 AI 写的代码复制到文本编辑器里面

保存这个代码到文件

文件可以自己写，推荐用 AI 给的名字 othello_game.html

这里注意，一定要去掉之前的“.txt”后缀名，而是要用“.html”后缀名。这个千万不要弄错了，否则后面无法用浏览器打开这个文件。

然后，你在电脑里面找到保存的“othello_game.html”文件，鼠标双击就可以用浏览器打开它了。这个时候心情一定是激动的，小手一定是颤抖的！但是这只是万里长征的第一步，当然也是最重要的一步。

下面就是我生成的第一个“黑白棋游戏”界面在浏览器中打开的效果：

如果看到这个界面，恭喜你，你已经成功了一大半了！点点看，这个游戏能不能玩？当然，大部分情况 AI 不会一次把代码写好的。

这个时候你就会发现，这是一个什么呀，点击啥都没反应，而且界面奇丑无比，可能会不知所措，不知道下一步该去做什么。不要担心，follow me，我们继续和 AI 对话：

这个代码写得有问题，打开后我看不到有默认的棋子，点击棋盘也没有响应，请帮我解决一下

这个时候，AI 又会勤勤恳恳的修改代码，这可比那些不听话的程序员强多了。如果你要和你一个程序员说，你的得代码有 Bug，那可比说他单身狗没女朋友更加可怕。

看看，AI 修正了一些逻辑错误和显示问题：

你需要再次复制这些代码，替换之前的“othello_game.html”文件里面的内容。注意，要全部替换之前的代码，不要在之前代码里面添加这些代码。

再次刷新浏览器的“黑白棋游戏”页面，会看到果真和之前不一样了，多了四颗棋子，好像也可以玩起来了。

如果点击棋盘还是无法操作，以上和 AI 对话的流程就要多重复几次，直到这个游戏可以正常运行。

但是这个界面是不是很丑？我们怎么样调整 UI 界面呢？我不会 css 和 html 代码怎么办呢？不要着急，依旧是和 AI 对话解决问题。只需要说出你的需求就可以了：

这个棋子是正方形的，太难看了，我想画成比较真实的围棋棋子，要有立体感。

你只要敢说，AI 就敢重新写代码，它是一个不知疲倦的机器，也是一个不懂发脾气的工具人，哈哈。

再次重复贴代码到页面的过程，记得保存后再次刷新浏览器，就出现了下面的效果：

怎么样，是不是有些像模像样了？还是不够好，我们继续！

整体的布局还有点错乱，我需要棋盘居中，并且在棋盘底部写上黑白棋的游戏规则，以及目前该黑子还是白子下棋了。最好把棋盘也美化一下，弄个古朴的风格。

这就是一个不断重复，不断迭代完善的过程，你不需要懂得代码（当然如果懂就可以直接改代码了），你只需要不同的命令 AI 完成它没有做好的工作就可以了。效果一点点变得更好：

只要没有达到你心目中的样子，你就可以不厌其烦的让 AI 修改，比如：

棋盘变得好看了，但是还是没有居中显示，现在是靠左侧的。

这次居中了，但是棋盘右边有一篇黄褐色的空白区域，能不能去掉，和左侧一致就行了。

很好，左侧空白的问题解决了，但是棋盘却不在最中间位置，请调整。

经过几次调整，终于达到了我想要的样子：

看看是不是很不错？玩一把试试看：

当然，在你玩游戏的过程中，一定还会发现各种各样其他的问题。因为编程序就是这样，不可能一蹴而就，需要不停的完善修改打磨，最后才能得到你想要的。

如果你还不满足，可以像我一样提出更加变态的要求：

这个有些没有声音很单调，可以加一个背景音乐吗？然后每下一个棋子，也增加一个音效。

有没有自带的音效，或者你从网上找一个文件，我自己不知道从哪里找音效文件，也不知道怎么放。

总之，AI 是一个听话、没有怨言的程序员“牛马”，你只要当好你的“产品经理”，不停的给他提需求，最终总会达到你想要的效果的。

以上就是我给编程小白写的一个可以轻松上手的 AI 编程教程。