「游戏开发」Trae + + Godot + Vercel,三步完成游戏开发和部署🧣

作者简介:围巾哥萧尘,Rails 全栈工程师,2025年稀土掘金工具类优质作者第十三期排行榜第一名,字节跳动 2025 年 AI FOR CODE 比赛优秀奖获得者。

1、视频教程地址:「掌握Trae IDE」 第十三课:Trae + Godot + Vercel:8 分钟教会你 H5 游戏部署🧣

2、飞书转载授权:「游戏开发」Trae + + Godot + Vercel,三步完成游戏开发和部署🧣

最终打砖块游戏部署效果

第一步:游戏开发

1、GodotMCP 环境搭建

使用Trae + GodotMCP + Godot 完成本地游戏开发

json 复制代码
{
  "mcpServers": {
    "godot": {
      "command": "node",
      "args": [
        "/Users/xiaochen/Downloads/godot-mcp/build/index.js"
      ],
      "env": {
        "DEBUG": "true"
      }
    }
  }
}

重点是:文件夹的地址,不然 MCP 不能使用

2、使用智能体完成开发文档和开发

@闪电式产品经理+@闪电式技术架构师

提示词指令

A、@闪电式产品经理:

我想做一个打砖块游戏。我们使用godot4.4.1引擎。使用GDScript语言。用尽量简单的方式制作这个游戏。我希望用键盘的A和D键控制板子的左右移动,全部打完后,获得胜利的礼花。我的描述不够完善,请使用专业人士的语言,帮我完成这一份需求文档,使用闪电式开发理论,输出md的开发文档。

B、@闪电式技术架构师:

@Lightning_PRD.md 依据开发文档,完成游戏的开发。

3、本地游戏测试

4、输出 html5 网页文件

点击:选择导航条的项目>导出>选择Web5,新建一个Web文件夹即可完成文件的导出。

5、Servez 本地服务器测试

工具下载地址:github.com/greggman/se...

6、中文字体支持

下载地址:timothyqiu.itch.io/vonwaon-bit...

第二步:上传远端仓库

7、使用Git智能体大佬完成仓库初始化

初始化本地仓库,构建远端仓库,完成推送

8、构建远端仓库

推送远端仓库

9、提交仓库代码

仓库地址:github.com/xiaoweiruby...

第三步:部署仓库代码

10、部署 Vercel

11、在线 Web 游戏地址

游戏地址:web-project-lac-xi.vercel.app/

相关推荐
Dongwoo Jeong2 个月前
UI架构的历史与基础入门
c#·mvc·mvvm·mvp·mvi·architecture
大飞pkz2 个月前
【Unity】MVP框架的使用例子
unity·c#·mvc·框架·mvp·ui框架
永恒星1 年前
UI框架与MVC模式详解(3)——MVC\MVP\MVVM
mvc·mvvm·mvp·ui框架
Peter(阿斯拉)1 年前
[WTL/Win32]_[中级]_[MVP架构在实际项目中的应用]
windows·macos·架构·mvp·模式·界面跨平台
www_weibing1 年前
MVC、MVP、MVVM
mvc·mvvm·mvp
Lan_Se_Tian_Ma2 年前
Android MVP 写法
android·mvp
大神仙2 年前
分析并实现Android中的MVC、MVP架构模式
android·架构·mvp
爱桥代码的程序媛2 年前
MVC、MVP、MVVM的成本角度结合业务,如何考虑选型?一文了解方方面面
android·架构·mvc·mvvm·mvp·android开发·android程序员
tiankong12132 年前
用QT实现MVP模式
开发语言·c++·qt·mvp