一款完全在浏览器中运行的 vibe coding 3D FPS
摘要
一个完全在浏览器中运行的赛博朋克 FPS 技术演示,通过 vibe coding 结合多个 LLM 在 3 天内完成。它具有程序化生成、WebGPU 渲染和全合成音频。
VibeFPS(暂定名)是一个基于浏览器的赛博朋克第一人称射击技术演示。无需安装、无需下载、无需 CDN:它直接从 GitHub Pages 运行,所有内容都在运行时程序化生成。
▶️ 在线体验:https://rudesssolo.github.io/vibeFPS/
技术栈:Three.js(WebGPU 渲染器)+ Cannon.js 物理引擎 + Web Audio API(全部本地化,完全离线)。
内容包括:一个霓虹灯照亮的夜间竞技场,带有程序化建筑、动画招牌闪烁、雨水、反射、泛光、环境光遮蔽、胶片颗粒和电影级调色。
> 基于波次的战斗,对抗巡逻、交战、发出攻击预告并闪避你射击的哨兵无人机。
> Apex 单位——每波结束时都会出现一个独特的精英,来自一个循环阵容,且每轮循环都会变得更强。
> 100% 程序化音频(Web Audio API):音乐、环境音、空间化无人机声、波次提示音、残血心跳声(无 MP3/WAV 资源)。
> 战术 HUD,包含任务进度、雷达、生命/护盾/耐力、弹药、遥测和目标标记,以及专用 Boss 血条。
> 自动 / 极致图形配置,设置会持久保存。
一些说明:
> 我对游戏设计毫无经验,更别提 3D 游戏了。
> 这是一个技术演示/原型,用了 3 天非连续 vibe coding,与不同的 LLM 合作完成(Codex 上的 GPT 5.6,Cline 上的 Kimi K3 和 DeepSeek v4),显然无论如何都不是一个完成的游戏。它有开始界面、一个竞技场、几波敌人和 Boss。
> 它在手机上应该也能运行。风险自负 :)
> 仓库在 GitHub 上公开源代码(目前没有许可证,如果有人感兴趣我会添加)。
---
我非常希望获得关于手感、难度曲线以及只支持 WebGPU 的选择是否会让你放弃尝试的反馈。感谢你的关注!
相似文章
Roguelite MMO测试版:4周内通过‘氛围编程’打造
一位资深开发者在4周内使用‘氛围编程’构建了一款基于浏览器的Roguelite MMO,功能包括地牢探险、PvP、赛马和钓鱼。测试版现已上线,免费游玩。
Roguelite MMO - 氛围编程在线游戏
一款使用AI辅助的'氛围编程'技术构建的Roguelite MMO游戏已公布或发布。
@mattshumer_: 对于所有认为这是假的人... 以下是生成这个的仓库和提示(在下方讨论串中),一次性完成...
Matt Shumer 分享了 'Claude of Duty' 的 GitHub 仓库,这是一款完全在浏览器中使用 Three.js 和 WebGL2 构建的第一人称射击游戏,所有资源均由 AI 代理在加载时程序化生成。
@thebuggeddev:要是教育也能这么互动就好了。我有一个由来已久的愿望,想通过 vibe coding 构建一些真正有用的东西……
开发者展示了一款通过 vibe coding 使用 Three.js、GPT 和 TripoAI 构建的 3D 人体解剖学 Web 应用,并分享了他们如何针对 Web 性能优化庞大的 3D 模型。
@VraserX: 我仅仅用GPT-5.6 Sol随性编码,一天就做出了一个可玩的FPS游戏。这太疯狂了。用这个模型编码感觉就像…
一位用户报告称,使用GPT-5.6 Sol在一天内创建了一个可玩的FPS游戏,并称赞其编码能力。