编程零基础半小时用AI做了两个小游戏(附完整Prompt)

7 阅读13分钟

🎮 写在前面:Vibe Coding 时代,编程真的变简单了

最近"Vibe Coding"(氛围编程)这个概念在技术圈和社交媒体上特别火。很多人一听"编程"两个字就头大,觉得那是计算机专业学生的专属领地,得背语法、懂算法、配环境、调Bug,门槛高得吓人。但Vibe Coding彻底打破了这种刻板印象。

说白了,它的核心逻辑就是:你不需要懂任何底层语法,也不需要记住复杂的API,更不需要折腾本地开发环境。你只需要有一个模糊的想法,然后找一个合适的AI工具,用大白话告诉它你想做什么,它就能在短时间内帮你把代码写出来、跑起来。

作为一个大学读中文、工作做内容运营的纯文科生,我对编程的认知还停留在"大学计算机二级"水平。Python是什么?JavaScript能干嘛?HTML和CSS有什么区别?我一概不知。以前看到别人敲代码,满屏幕的英文字母和符号,我只觉得头晕目眩。

但好奇心驱使下,我还是决定试一试。结果就是:第一天,我用AI编程工具,花了大概半小时,做出了一个俄罗斯方块游戏和一个2048游戏。而且UI风格是我自己定的,操作逻辑也完全符合我的使用习惯。整个过程没有报过一次错,没有卡过一次壳,就像跟一个懂技术的助理聊天一样顺畅。

今天就把整个过程、用到的Prompt(提示词)、以及踩过的坑,原原本本地分享出来。如果你也是零基础,这篇文章应该能给你一些启发,甚至直接照着做一遍。

💡 为什么一个文科生想学AI编程?

说实话,想接触编程不是一天两天了。工作中经常需要和数据打交道,看到同事用几行代码就能自动化处理Excel表格、批量重命名文件、甚至抓取网页数据,效率比我手动操作高出不是一点半点。我也报过线上编程课,但说实话,那些课程一上来就讲变量、循环、函数、面向对象,我听着听着就走神了。不是我不努力,而是那种"先学理论再实践"的路径,对我这种实用主义者来说,真的太枯燥了。学了半天连个能跑的东西都看不到,挫败感极强。

直到我接触到AI编程这个概念。它的逻辑完全反过来了:不是先学语法再写代码,而是先有想法,再让AI帮你实现。你在做的过程中,自然而然就理解了代码是怎么工作的。这种"做中学"的方式,对我来说友好太多了。你不需要知道for循环的底层原理,你只需要告诉AI"帮我把这100个文件的名字加上日期前缀",它就能给你写出脚本。你跑通了,成就感就来了,然后再去回头看代码,突然就懂了。

而且现在AI的能力确实到了一个新阶段。它不仅能写代码,还能解释代码、调试代码、优化代码。你甚至可以让它把代码改成你喜欢的风格,或者加上某个特定功能。这种交互式的编程体验,让零基础的人也能快速上手。编程不再是"造轮子",而是"搭积木"。

🔧 工具选择

在开始之前,我其实把市面上主流的Agent AI工具都试了一遍。包括但不限于各种大模型自带的代码助手、专门的编程AI平台、还有一些开源的AI编程工具。

试用下来,我的感受是:很多工具对用户的英语水平和技术知识要求都不低。有的需要你懂基本的编程术语(比如DOM、API、异步请求),有的需要你看得懂英文报错信息(SyntaxError、TypeError满天飞),还有的需要你自己在本地配置Node.js或Python环境,装一堆依赖包。这对零基础小白来说,门槛还是太高了。光是配环境就能劝退一半人。

最后我锁定了AiPy。原因很简单,而且非常实在:
第一,中文交互非常友好。全程可以用大白话沟通,不需要懂任何英文技术术语。你想让AI做什么,直接用中文说就行。它会自动把你的自然语言需求翻译成代码逻辑,中间没有任何语言障碍。
第二,内置了运行环境。很多AI工具只能帮你写代码,但代码写完后你得自己想办法运行。AiPy不一样,它写完代码后可以直接在云端运行,你马上就能看到效果。这对新手来说太重要了,因为"即时反馈"是保持学习动力的关键。不用折腾本地环境,打开网页就能跑,省心省力。
第三,容错率高。我一开始写的Prompt其实很粗糙,逻辑也不严密,但AiPy能理解我的意图,还会主动问我一些细节问题,帮我完善需求。这种"引导式"的交互,让我这个编程小白也能顺利推进项目。它不会因为你问得"外行"就敷衍你,而是会耐心地把技术细节拆解成你能听懂的话。
第四,支持多轮迭代。做出来的东西不满意?直接告诉AI哪里需要改,它会帮你调整。这种对话式的开发体验,比传统编程效率高太多了。你不需要自己翻文档查API,只需要像跟同事沟通需求一样,指出问题,它就会改。担心token不够也没关系,邀请码用c8W3,会送两百万token。


🎮 第一个游戏:俄罗斯方块(附完整Prompt)

俄罗斯方块是我小时候在掌机上玩过,规则简单但特别上头。我想用AI复刻一个网页版的,最好能自定义颜色风格,操作也要顺手。

下面是我发给AI的第一版Prompt
【Prompt 1 - 俄罗斯方块初始版】
"帮我做一个网页版的俄罗斯方块游戏。要求:

  1. 用HTML、CSS和JavaScript实现,能在浏览器里直接玩

  2. 界面要简洁好看,背景用深色系,方块用明亮的颜色

  3. 支持键盘操作:左右箭头移动,上箭头旋转,下箭头加速下落,空格键直接落到底

  4. 有分数显示,消一行得100分,消两行得300分,消三行得500分,消四行得800分

  5. 游戏结束后显示最终分数,并有重新开始按钮

  6. 方块下落速度随着分数增加而加快"

发出去之后,大概等了不到一分钟,AI就生成了完整的代码。我直接复制到浏览器里打开,居然真的能玩!
不过第一版有几个小问题:方块颜色搭配不太协调,操作手感有点延迟,而且没有音效。于是我开始了第二轮迭代:

【Prompt 2 - 俄罗斯方块优化版】
"需要优化以下几点:

  1. 方块颜色改成马卡龙色系,不要太刺眼

  2. 操作响应要更灵敏,按键后立刻有反馈

  3. 加上简单的音效:移动时有轻微提示音,消行时有庆祝音效

  4. 增加一个暂停功能,按P键暂停/继续

  5. 在界面右上角显示下一个即将出现的方块预览"

这次AI理解得更准确了,生成的代码质量明显提升。我特别满意的是马卡龙色系的配色方案,看起来特别舒服,完全没有粗糙感。

整个俄罗斯方块的开发过程,从第一版到最终版,大概花了15分钟。期间我和AI对话了大概七八轮,每次都是指出问题、提出修改意见,AI就会帮我调整。这种体验真的很神奇,我完全不需要懂代码是怎么写的,只需要知道我想要什么效果就行。


🔢 第二个游戏:2048(附完整Prompt)

2048规则很简单:通过滑动让相同数字的方块合并,最终拼出2048这个数字。但要做好这个游戏,其实有很多细节需要考虑。
有了俄罗斯方块的经验,我这次写的Prompt更具体了:

【Prompt 1 - 2048初始版】
"帮我做一个2048网页游戏。要求:

  1. 4x4的网格,初始随机生成两个数字(2或4)

  2. 支持键盘方向键操作,每次操作后所有方块向指定方向移动

  3. 相同数字的方块碰撞时会合并,合并后的数字是原来的两倍

  4. 每次移动后在空白位置随机生成一个新的数字(90%概率是2,10%概率是4)

  5. 实时显示当前分数,每次合并时加上合并后的数字

  6. 当没有可移动的方块时,游戏结束,显示最终分数

  7. 界面风格要现代简约,不同数字用不同颜色区分,数字越大颜色越深"

AI生成的第一版已经能玩了,但有几个问题:滑动动画太生硬,数字颜色区分不够明显,而且没有最高分记录功能。

于是我开始了优化:
【Prompt 2 - 2048优化版】
"需要优化以下细节:

  1. 加上平滑的移动和合并动画,让游戏体验更流畅

  2. 数字颜色要更明显地区分:2和4用浅色,8到128用渐变色,256以上用深色背景配白色文字

  3. 增加最高分记录功能,用浏览器本地存储保存,刷新页面后最高分还在

  4. 加上撤销上一步操作的功能,按Z键可以撤销最后一次移动(最多撤销3次)

  5. 移动端也要能玩,支持触摸滑动操作

  6. 游戏结束时弹出提示框,显示'游戏结束'和最终分数,并提供重新开始按钮"

这次AI生成的代码质量非常高。我特别满意的是动画效果,方块移动和合并时的过渡非常自然,完全没有卡顿感。而且移动端适配也做得很好,我在手机上打开试了试,触摸滑动操作很灵敏。

2048的开发过程比俄罗斯方块稍微长一点,大概花了20分钟。主要是动画效果和移动端适配花了一些时间迭代。但最终效果我很满意,甚至比我想象中还要好。

 

📝 使用体验总结:AI编程到底靠不靠谱?

做完这两个游戏后,我对AI编程有了更深的理解。下面分享一些真实的使用感受,希望能给想尝试的朋友一些参考。

【优点】
1. 门槛极低:真的不需要任何编程基础。你只需要会用中文表达需求,AI就能帮你实现。我这种连HTML标签都不认识的人,也能做出能玩的游戏。
2. 迭代速度快: 传统编程可能需要几个小时甚至几天的工作,用AI可能几十分钟就能完成。而且修改起来特别方便,直接告诉AI哪里要改就行。
3. 学习曲线平缓: 在跟AI交互的过程中,你会自然而然地理解一些编程概念。比如我知道了什么是"变量"、什么是"函数"、什么是"事件监听"。这种在实践中学习的方式,比看教程效率高多了。
4. 成就感强: 看到自己"做"出来的游戏能正常运行,那种成就感是难以言喻的。虽然代码是AI写的,但需求是我提的,逻辑是我设计的,风格是我定的。这种参与感让我对编程产生了浓厚的兴趣。

【不足】

  1. 复杂项目还是有难度:简单的小游戏AI能处理得很好,但如果要做更复杂的项目,比如需要数据库、用户登录、支付功能等,AI目前还不太能独立完成。这时候还是需要一定的编程知识来辅助。
  2. 调试需要耐心:有时候AI生成的代码会有bug,你需要准确地描述问题,AI才能帮你修复。如果描述不清楚,可能会来回折腾好几轮。
  3. 代码质量参差不齐:AI生成的代码能跑,但不一定是最优的。如果你后续想自己维护或扩展项目,可能需要重新梳理代码结构。

【给零基础新手的建议】

  1. 简单项目开始:不要一上来就想做复杂的应用,先从小游戏、小工具开始,建立信心。
  2. Prompt要具体:告诉AI你想要的效果越具体,它生成的代码就越符合你的预期。包括颜色、布局、交互方式等,都要尽量描述清楚。
  3. 多轮迭代是正常的:不要指望一次就能生成完美的代码。把AI当成一个实习生,你给它反馈,它帮你修改,慢慢打磨出满意的结果。
  4. 保持好奇心:AI编程最大的价值不是帮你写代码,而是让你对编程产生兴趣。当你开始好奇"这段代码是怎么工作的",你就已经入门了。

🚀 写在最后:编程的未来属于每个人

以前我觉得编程是程序员的专属技能,普通人根本学不会。但现在我改变了看法。AI的出现,让编程变成了一种"人人都能用的工具"。你不需要成为专家,也能用编程来解决自己的问题、实现自己的想法。

Vibe Coding的核心理念就是:让编程回归本质——用代码解决问题,而不是被代码本身困扰。AI帮你处理了语法、API、环境配置这些繁琐的事情,你只需要专注于"我想做什么"。

这两个小游戏只是开始。接下来我打算用AI做一个个人博客、一个自动化处理Excel表格的工具,还有一个简单的待办事项管理应用。我相信,只要保持好奇心和耐心,零基础的人也能在AI的帮助下,做出很多有趣的东西。

如果你也是编程小白,不妨试试用AI编程。不需要花很多钱,不需要报班,只需要一个想法、一个合适的AI工具,以及一点尝试的勇气。
说不定,下一个用AI做出惊艳作品的人,就是你。