一、作品介绍
访问地址:方块突击 · Assault — 3D 像素射击游戏
想着1024不要有太多的班味,开开心心玩游戏多好。于是就想着做一款游戏,看着电脑桌前面的一对TRAE宝,正好可以整成黑白无间的对手戏。
玩法 :分成了四种模式,各自有胜负规则;完整键位表(WASD、Shift 静步、Ctrl/C 蹲、R 换弹、B 购买、E 安放/拆弹、Tab 计分板等);初始 800 经济局与击杀奖励;支持购买装备切换武器、投掷手雷;角色设定——黑TRAE宝 T/白TRAE宝 CT。
二、过程分享
起初的游戏,采用许愿式编程one-shot一句话生成提示词,尝试了很多个模型以后,最好的还是Claude 以及 GPT。
prompt:请你用 HTML 生成一个3D射击游戏,美术风格可以参考我的世界中的像素风;玩法上可以参考CS2,地图按照 cs2-assault重新设计。保留FPS游戏机制:支持多种武器构建、道具切换,添加机器人并能和机器人对战,有击杀记录等等。还需要包括不同的玩法模式等等。不要做成demo,中文界面,要是一个独立游戏。
这里生成出来的项目,我想着和1024的主题以及TRAE没有什么太大关系,正好手里好多积分,于是我就开始比较漫长的修改迭代过程。
初次生成的项目已经开源到github,你们也可以按照自己的想法进行调整:https://github.com/derek2000139/BLOCK-STRIKE-ASSAULT/tree/main/src
除了第一次构建由claude完成以外,整个迭代开发使用的是deepseek v4.1 flash 1017版本,又便宜又好用。对于一个比较大的项目,我个人通常的做法是模型之间要组合起来用,不要只怼一个模型,一开始先多试一下或者出一些demo看看是不是想要的样子,能上最好的模型就上最好的,避免过程中觉得不合适又要重新返工。。
真正需要我处理的第一个问题是我需要把角色进行替换为TRAE宝,刚好想试试前端时间比较火的blender建模的方式,于是我就把安装好的blender文件路径告诉TRAE,让它照着TRAE宝的三视图生成素材文件生成,也顺便看看deepseek的识图能力。
中间过程有点曲折,改了要么头大、腿长,于是我就换了一个方法,也不三视图了,就是对着桌上的trae宝,哪里不对就拍哪里给trae看。TRAE还是挺聪明的,视图以后会使用浏览器插件,直接打开浏览器把渲染后的图片给我确认,然后再改成代码拼 BoxGeometry确保几何体可以服用变化,没有问题了我们跑游戏里面看看效果。
掌握了这个方法以后,其实不用TRAE宝,换成你喜欢的或者创造的新角色都是成立的。
同时,我也让TRAE给背景增加了一些1024的相关元素,多一些节日的氛围。如果不清楚代码也没事,直接把游戏中的截图发给TRAE,告诉他在哪个地方加什么东西就行了。
第三个部分,本来是想用一下zeabur分享项目,没想到要关闭运营了。这次使用TRAE 换了一种新的网络部署的方式Netlify Drop,全程没有障碍,有不懂的让他帮你看就行了,这里甚至浏览器上的操作除了上传了文件以外,所以的点击输出工作都是用浏览器插件直接自动化完成的,全英文网站我也懒的翻译。




















