又一款开源的LLM生成3D场景的3D编辑器,这次功能更强大了
Trident是一个开源的、完全运行在浏览器中的3D关卡编辑器,口号是:“与其用锤子,不如在Web上用三叉戟”(instead of a hammer, use a trident on the web)。
已关注
关注
重播 分享 赞
代码地址:
https://github.com/vibe-stack/trident
体验地址:
https://vibe-stack.github.io/trident/
它模仿经典Source引擎(如Hammer Editor)的风格,但把整个编辑体验搬到了现代浏览器里,主打快速阻塞(blockout) + 极致迭代速度。
其它案例
已关注
关注
重播 分享 赞
已关注
关注
重播 分享 赞
LOD技术:
已关注
关注
重播 分享 赞
mesh instances
已关注
关注
重播 分享 赞
核心亮点(为什么值得关注)
- 纯浏览器、无需安装
打开网页就能用,对独立开发者/远程协作非常友好。 - 极致的快速原型速度
刷子工具直接在视口操作,支持立方体/圆柱/圆锥/球体/楼梯/自定义多边形 → 几秒钟就能搭出基本场景结构,非常适合“先搭起来再说”的阶段。 - 现代技术栈 + monorepo架构
-
Bun 全家桶(构建、包管理、开发服务器) -
React + Vite + TypeScript -
Three.js 渲染核心 -
模块非常清晰(editor-core、geometry-kernel、render-pipeline、tool-system、three-runtime 等) 代码结构干净,容易二次开发或学习。 - 轻量级导出 & 运行时友好
-
场景保存为 .whmap(编辑器格式) -
导出 glTF 或极简的 .runtime.json + 外部资产目录 -
配套 @web-hammer/three-runtime 包,可直接在自己的Three.js游戏里加载这些场景(分块加载友好,适合做大型Web开放世界) - 可选AI提速(本地开发模式)
支持通过Fal.ai API一键生成纹理/3D模型(需要自己配key),能极大加速资产制作阶段(在线demo不含此功能)。 - 材质 & 灯光实时预览
支持基本的PBR材质编辑、UV调整、灯光布置,Three.js原生渲染,所见即所得。
主要应用场景
- 独立游戏 / 小团队快速关卡原型
(尤其是Web3D游戏) - 3D场景概念验证 & blockout
(建筑可视化、VR/AR场景草稿) - Three.js 项目的前期场景搭建工具
- 教学/学习Three.js + WebGL 的实战项目
(代码结构很现代) - 想做“网页版小Hammer”的开发者参考实现
一句话总结: 如果你讨厌每次调场景都要打开Unity/Unreal/Blender,想在浏览器里快速“刷”一个3D关卡出来,然后导出给自己的Three.js游戏用 —— Trident 目前是Web生态里最接近这个理想状态的开源尝试之一。
有兴趣可以直接clone下来用Bun跑,或者看看它的monorepo结构,对学习现代Web 3D工具链也很有价值。

夜雨聆风