0代码基础小白,靠AI用时1个月制作一个游戏平台网站

132 阅读9分钟

0代码基础小白,靠AI用时1个月制作一个游戏平台网站

大家好,作为一个0代码基础的小白,我是如何用AI制作了一个游戏平台网站的?如果你有很好的想法却不知道该如何实现又或者有些犹豫不定,那么我推荐你读一读这篇文章,我把自己的经验分享给你,告诉你我是如何借助AI实现自己的想法的。  

网站展示

首先,让我们先来看下成果。

AllinONE游戏平台是集玩游戏、游戏开发、道具交易和社区奖励的一体化游戏平台,致力于打造“共建共享共治,互通互惠互利”的play2earn游戏经济生态。AllinONE不只是游戏,最大的特征是开源共建、收益共享和社区共治。无论玩家、开发者、管理者还是商家,每一个人都能在AllinONE上获得丰厚的收益。AllinONE的愿景是在完全合规的条件下打造游戏经济生态,让每一个人可以在平台上赚钱、消费、社交、娱乐等。

网站主页截图

AllinONE主页截图.PNG

个人中心截图

个人中心截图.PNG

游戏页面

游戏截图.png

前期准备

如果你觉得还不错或比较感兴趣,那么请接着往下看。我认为在制作网站的过程中,一个重要的因素是有清晰的想法。清晰的想法不仅是对整体的布局有宏观的认识和目标,还包括可以把宏观想法拆解到每一个****AI 可以理解并执行的具体步骤。 我在做AllinONE的时候,已经对平台需要有哪几部分、各部分的功能与联系和为什么需要有这些功能有了非常清晰的想法和每天具体要完成的任务清单。所以我在用AI制作网站的时候,每一天都有要达成的任务,当AI不能理解或陷入错误的时候,我能够清晰的讲解并告诉AI我们的目标和意图是什么,即使我不会编写代码,在我正确的指引下,AI还是能够帮助我完成任务。

例如:AllinONE游戏平台最初的提示词是

你好。我想搭建一个网站,名叫**AllinONE 。这个网站的功能和rollercoin 网站相似,但需要中国本土化、合规化。在中国合规框架下,复刻RollerCoin 的核心玩法机制,剥离加密货币金融属性,实现本土化运营。创建这个网站的目的是希望能够玩家可以从中获得收益。现在请先帮助我分析这个网站的各部分功能,尤其可以借鉴前端代码、后端逻辑和数据库等等。由于建造一个网站非常复杂,我们一步步的来一起完成这项工作。

不太专业?有点幼稚是不是?对我一个小白来说,可能没有办法给出专业术语或较为全面和具体的实施步骤,但我却对AllinONE的每一个部分了然于心。我在做算力中心和资金池系统的时候,由于二者有部分功能是重叠的,AI在页面上大同小异,在逻辑上出现错误,但我对二者的联系和区别却非常清楚。我对AI说:

算力中心是平台的“大脑”,汇集了游戏活动、经济状态、数据分析、场内外市场数据等多方位、多维度的数据,是经济公开、共建共享的重要手段。**

平台资金池系统是一个完全透明的财务管理系统,记录平台所有收入和支出,确保经济公开透明。这个系统确保了平台经济的完全透明,增强用户信任,同时保护用户隐私。

算力中心定位为算力经济生态中心,它不仅展示各个维度的数据,更重要的是展示数据如何驱动整个平台的经济循环。资金池作为经济数据的核心,算力中心作为生态展示的窗口。算力中心里的数据更倾向于统计和分析数据,资金池里的数据更倾向于记录和展示数据。

在我的帮助下,AI迅速理解了我的需求并按照要求完成了任务。

所以,根据我的经验,最好先有一个比较完整和具体的想法以后,再开始编程。当然,这不是说我们必须对每一个细节都要考虑,现在的AI真的能帮助我们丰富和完成很多细节,例如:根据我一开始的提示词,AI就帮助我搭建了细节非常丰富的页面,包括:关于我们、联系我们、法律合规等等,真的让我感到惊叹。但清晰的想法能够使我们更高效,避免出现更多的错误而造成死循环。

开发过程

我一开始用的coze,但由于积分限制,我开始使用codebuddy。用了很长时间,可以说,AllinONE网站的大部分内容都是codebuddy搭建的。只是有时候改bug会陷入死循环,我又没有能力手动修改,只好请qoder来帮忙。一用发现,真的好用。所以我的感觉是用codebuddy的Claude搭建大的框架,用Gemini或GPT修改和丰富细节,用Qoder来解决棘手的bug。Qoder还有仓库功能可以使AI更全面的理解全局和各部分之间的关系。

Bug是在所难免的,修复的过程很可能浪费很多credits,所以高效的指出错误并改正很重要。我一开始也浪费了大量资源,比如:指令不准确、修改陷入死循环、问题描述不到位等。经过这一个多月的体验,我认为利用截图和F12控制台报错信息能更快的捕获问题的关键。此外,人脑的分析过程也很重要。虽然我0基础,但是我会思考,能通过推理更快的解决问题。如:我会告诉AI,你可以参考XX的成功经验;一般失败3次以上,我会切换大模型,通过比较找到更合适的方案;我会总结过往的错误类型,告诉AI你可以先生成简单的测试页面,然后再丰富细节等等。通过人脑尽量简化AI的思考过程,这样就降低了出错的概览,能够更有效的解决问题。

就这样,左手“倚天剑”,右手“屠龙刀”,干的热火朝天。在用了差不多一个月的时间,AllinONE已经初具规模。

GitHub部署

我做AllinONE游戏平台网站是先在本地电脑上用codebuddy、qoder编程,在localhost上测试。后来因为要开源,就打算上传到GitHub上。但我没有用过GitHub,所以我先咨询了一下deepseek和Gemini如何操作。在大致了解了程序后,我按照AI的建议上传了代码并在pages部署了网站。但经过测试,网站竟然打不开。我急坏了,赶紧求助AI,弄了半天后发现是自己的文件没有上传齐,因为GitHub上upload files只能上传文件,我由于没有经验没注意到文件夹没有上传上去。因为我啥也不会,所以我的解决方法比较笨,我把git上的仓库克隆到本地,然后用codebuddy把文件补齐再上传上去。

文件上传完成后,我再次测试网站,发现还是打不开。我按F12查看报错,然后告诉codebuddy,AI分析出我的引用还是本地的,也就是说代码还是有点问题,在AI的帮助下修改了代码,并更改了git pages的设置,最终网站得以正常运行。

AllinONE游戏平台网站就可以正常运行了。想要了解项目和测试网站的朋友可以点击下面的链接:

Github

github.com/Joan-AllinO…

AllinONE游戏平台网址【测试】

joan-allinone.github.io/AllinONE-Ga…

注:Github和AllinONE经常有链接不上的情况,建议多刷新几次页面【ctrl+F5或cmd+shift+R】,并尽量使用chrome浏览器。

AllinONE游戏平台项目介绍

百度网盘【7天】:pan.baidu.com/s/13onDdZzf… 提取码: afx7

公众号:

image.png

对项目感兴趣,想进一步讨论的朋友也可以联系我:

Email:allinone_2014@hotmail.com

写在最后

经过这一个多月制作AllinONE网站的过程,我想人人都是产品经理的时代可能在马不停蹄的到来,每一个有价值的想法都能在AI生产力加持下实现。AllinONE就是在这么一个充满机遇和挑战的时代背景下孕育而生的。在这么一个新兴的环境下,坚持不懈或许是做成一件事的关键品质。一个好的想法到落地再到成功,还有很长的路要走,AI虽然能够帮助我们很多,但我们也要付出很多的努力。或许是因为一个小问题而不断修改bug,或许是“酒香也怕巷子深”好产品得不到好推广,又或许是在激烈的市场竞争中败下阵来等等,可是只要坚持不懈,我们总能找到自己的位置,从一次次挫折和失败中得到自我的升华。

虽然目前AllinONE的开发还只是在第一阶段,许多功能还需要完善,很多想法还没有实现,但我从没有觉得AllinONE应该是我一个人的或是私有的,应该让更多的人加入进来,这样才能实现“共建共治共享,互惠互通互利”的开放式、公开化、共赢的建造理念。诚邀你们能利用闲暇时间看一看、玩一玩AllinONE,写几句留言、发表一点建议或做出一点贡献,甚至是批评,都是欢迎的。下一步,AllinONE将继续完善平台的安全问题、账户设置、游戏功能等等。

对AllinONE项目感兴趣或有问题的朋友可以私信或留言,我将尽力回复。

诚邀加入:希望感兴趣的朋友可以加入一起创造AllinONE。

Joan

AllinONE创始人

Email: allinone_2014@hotmail.com

本文只代表个人观点,仅供参考。