探索开源3D场景编辑器Trident：浏览器端快速原型开发新选择

在3D游戏开发和Web3D应用领域，场景编辑器一直是开发者关注的核心工具之一。传统的关卡编辑器通常需要安装庞大的游戏引擎，如Unity或Unreal，这对于追求轻量化和快速迭代的项目来说可能过于笨重近日，一款名为Trident的开源3D编辑器引起了开发社区的关注，它将完整的关卡编辑体验搬入了现代浏览器，为独立开发者和小型团队提供了新的选择。

核心特性与技术创新

Trident是一个完全运行在浏览器中的3D关卡编辑器，其设计理念是“与其用锤子，不如在Web上用三叉戟”，旨在为用户提供极致的快速原型开发体验。编辑器的核心工作原理是通过LLM生成JSON数据，然后将这些数据渲染为3D场景，这种设计思路与当前AI辅助开发的趋势高度契合。

现代技术架构

Trident的核心优势在于其纯浏览器运行的特性。开发者无需安装任何软件，直接打开网页即可开始工作，这对于远程协作和快速验证想法非常有帮助。编辑器内置了丰富的刷子工具，支持直接在视口操作创建立方体、圆柱、圆锥、球体、楼梯以及自定义多边形等几何体，开发者只需几秒钟就能搭建出基本的场景结构，真正实现了“先搭起来再说”的敏捷开发理念。

技术栈与扩展能力

从技术架构来看，Trident采用了现代化的技术栈组合：Bun全家桶用于构建、包管理和开发服务器，React + Vite + TypeScript作为前端框架，Three.js作为渲染核心。项目的模块划分非常清晰，包括editor-core、geometry-kernel、render-pipeline、tool-system、three-runtime等核心模块，这种monorepo架构不仅便于二次开发，也为学习现代Web 3D工具链提供了优质的参考案例。

应用场景与落地价值

在导出和运行时支持方面，Trident提供了灵活的解决方案。场景可保存为.whmap编辑器格式，同时支持导出glTF或极简的.runtime.json格式。配合@web-hammer/three-runtime包，开发者可以直接在自己的Three.js游戏中加载这些场景，支持分块加载，这对大型Web开放世界项目非常友好。此外，编辑器还支持通过Fal.ai API一键生成纹理和3D模型，虽然在线demo不包含此功能，但开发者可以自行配置API密钥来加速资产制作阶段。

如有侵权，请联系删除。