乐于分享
好东西不私藏

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

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

今天介绍的这个开源3D编辑器是目前见过的第三款开源、AI生成3D场景的编辑器,大概思路是通过LLM生成json渲染到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

已关注

关注

重播 分享

核心亮点(为什么值得关注)

  1. 纯浏览器、无需安装
    打开网页就能用,对独立开发者/远程协作非常友好。
  2. 极致的快速原型速度
    刷子工具直接在视口操作,支持立方体/圆柱/圆锥/球体/楼梯/自定义多边形 → 几秒钟就能搭出基本场景结构,非常适合“先搭起来再说”的阶段。
  3. 现代技术栈 + monorepo架构
    • Bun 全家桶(构建、包管理、开发服务器)
    • React + Vite + TypeScript
    • Three.js 渲染核心
    • 模块非常清晰(editor-core、geometry-kernel、render-pipeline、tool-system、three-runtime 等) 代码结构干净,容易二次开发或学习。
  4. 轻量级导出 & 运行时友好
    • 场景保存为 .whmap(编辑器格式)
    • 导出 glTF 或极简的 .runtime.json + 外部资产目录
    • 配套 @web-hammer/three-runtime 包,可直接在自己的Three.js游戏里加载这些场景(分块加载友好,适合做大型Web开放世界)
  5. 可选AI提速(本地开发模式)
    支持通过Fal.ai API一键生成纹理/3D模型(需要自己配key),能极大加速资产制作阶段(在线demo不含此功能)。
  6. 材质 & 灯光实时预览
    支持基本的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工具链也很有价值。

关于作者
做一只爬的最久的乌龟,保持学习保持好奇,即使慢一点,遇到一点困难,只要最后能到达终点,又有什么关系呢。
毕竟人生没有白走的路,每一步都算数。
本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 又一款开源的LLM生成3D场景的3D编辑器,这次功能更强大了

猜你喜欢

  • 暂无文章