又一款开源的LLM生成3D场景的3D编辑器，这次功能更强大了

推荐语

开源3D编辑器Trident让AI生成3D场景更简单，纯浏览器操作无需安装，极速原型开发利器。

核心内容：
1. 纯浏览器运行的3D关卡编辑器，支持快速场景搭建
2. 现代技术栈与清晰架构，便于二次开发学习
3. 支持AI加速资产生成，适合独立游戏和Web3D项目

杨芳贤

53AI创始人/腾讯云(TVP)最具价值专家

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

核心亮点（为什么值得关注）

1. 纯浏览器、无需安装
   打开网页就能用，对独立开发者/远程协作非常友好。
2. 极致的快速原型速度
   刷子工具直接在视口操作，支持立方体/圆柱/圆锥/球体/楼梯/自定义多边形 → 几秒钟就能搭出基本场景结构，非常适合“先搭起来再说”的阶段。
3. 现代技术栈 + 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工具链也很有价值。