在 3D 虚拟世界底座上搭你的元宇宙:第 5 层从哪写起
元宇宙开发、3D 虚拟世界底座、自部署元宇宙、Three.js 源码、3D 编辑器搭建、虚拟展厅开发、3D 培训系统、多人在线世界、联邦互通、source-available
"想做一个自己的元宇宙"这个念头,落到工程上其实就是回答一个问题:底座给你什么,你要自己写什么。 这篇不讲概念,讲动工:以我们开放的这套浏览器端 3D 虚拟世界底座(创世Genesis)为底,第 5 层——你的业务层——从哪里下笔,编辑器替你干哪类活,代码要干哪类活,以及几个已经被验证能落地的方向。
老规矩,先把许可口径放在前面:源码开放(source-available),本地跑不花钱;要联网、要商用、要联邦,需要订阅授权。 准确条款在仓库 LICENSE / EULA 里。
一、第 5 层是什么:一条分层线
这套底座把一个 3D 虚拟世界拆成五层,底下四层与业务无关,随源码一起给你:
| 层 | 谁负责 | 里面是什么 |
|---|---|---|
| 1 渲染内核 | 底座 | Three.js r185 / WebGL2、去 CDN 化、颜色管线正确化 |
| 2 资产管线 | 底座 | LOD 三版本、GLB 资产手术、3DGS 实景、模型导入(GLB/GLTF/VRM/OBJ) |
| 3 多端与通信 | 底座 | 按能力分档适配、弱网重连自愈、语音名额制 |
| 4 开放接口 | 底座 | AI Agent 接入(MCP Server)、联邦协议、管理后台 |
| 5 业务层 | 你 | 展厅摆什么、培训练什么、社区玩什么、卖什么、规则是什么 |
元宇宙这个词拆到工程上,就是这五行。 "能进去、有空间、能一起玩、能一直在线、能跨世界"是底座的活;"有什么内容、什么身份体系、什么经济规则"是你的活。底座不替你决定你的元宇宙里发生什么——这是设计立场,不是功能缺失。
二、编辑器干的活:不写代码就能做的那部分

第 5 层里相当一部分工作不需要写代码——在浏览器编辑器里完成。截图里能看到这套编辑器的日常:左侧模型库(GLB/GLTF 直接上传,VRM 连贴图打包,OBJ 带 mtl 打包),中间场景视口,右侧对象列表与属性面板(本次截图场景含 373 个对象,位置、旋转、缩放、动画都在面板里调)。
编辑器管"摆",代码管"动"。 摆模型、调属性、配动画、布置建筑和道具——这类活在编辑器里点选完成;而"走近这台设备弹出参数面板""完成操作后给奖励""角色之间怎么交易"——这类带规则和交互的逻辑,才是写代码的部分。分清这两类活,第 5 层的工作量就有底了。
三、几个已经能落地的方向
第 5 层不是从零想——下面这些方向在底座上已经有对应的能力支撑:
| 方向 | 第 5 层要做的 | 底座已有的支撑 |
|---|---|---|
| 产品/设备展厅 | 摆放展品、写介绍、配讲解动线 | 3D 编辑器、物体 AI 描述、AI 讲解员接入 |
| 培训与演练 | 搭操作场景、定考核规则 | 多人在线、角色动画、管理后台 |
| 兴趣社区/品牌空间 | 定内容主题与活动规则 | 多人同步、聊天、经济系统面板、联邦互通 |
| 数字纪念/收藏空间 | 上传模型、布置专属空间 | 模型导入、资产库、隐私在你自己服务器 |
如实标注:"虚拟展厅/培训"方向的 B2B 付费落地路径我们仍在验证,没有可引用的客户案例;上表说的是能力支撑关系,不是业绩承诺。
四、手机端:同一个世界,另一个入口

这是同一个世界在手机浏览器里的实机画面:建筑街景、浮空岛广告牌、虚拟摇杆与操作控件。底座按能力分档适配终端,你在编辑器里搭的世界,桌面和手机看到的是同一个。
边界照旧说清:手机端的帧率与耗电我们尚未完成完整实测,能进、能逛有实机截图为证,性能数字以你目标机型的实测为准。
五、从哪里下笔:一个可执行的顺序
建议的动工顺序(每步都有对照物,不悬空):
- 先部署,跑通验收脚本——54 个
accept_*.js是现成的基线,改动前后都能对照。 - 进编辑器搭一个最小场景——放一个你想展示的对象,配好属性,手机上打开看一遍。这一步不写代码,验证的是"这个底座能不能承载你的内容"。
- 给场景加一条业务规则——用你熟悉的方式读
src/里对应模块的现有实现,照着改。源码开放的价值在这里:有参照物的改动比从零写快,也不容易改坏。 - 要 AI 就接 AI——按接入文档三步走(发现文件、Key 换令牌、WebSocket 接入),
examples/里有能直接跑的示例客户端。 - 要联网再谈授权——本地验证全程免费,确认这套底座适合你之后,再进入订阅授权的范围。
六、这个底座不适合什么
- 想要"AI 一句话生成整个世界"——生成式建世界在规划里,尚未实现,不要当已有功能评估。
- 想要托管服务、完全不管服务器——自部署是立场,没有托管版。
- 目标是重度游戏玩法(大型物理引擎、主机级画质)——这是 Three.js 浏览器技术栈,边界在浏览器性能预算内,不是 Unity 那类引擎的替代品。
七、边界与未实测项
- 手机端帧率与耗电未做完整实测(能进、有实机截图)。
- "虚拟展厅/培训"的 B2B 付费路径仍在验证,无客户案例可引用。
- 规划项(AI 拼装世界、Agent 商店、Agent 互操作、跨世界联邦 AI)均未实现。
- 本文截图为写作时版本的实机画面,界面随版本演进。
常见问题
Q:不会写代码,能做到哪一步?
A:部署照文档走、搭建在编辑器里做——这两步不需要写代码。业务规则和定制交互需要,或者交给会写的人。半技术团队可以走"编辑器为主、外包代码"的组合。
Q:第 5 层大概多大工作量?
A:不给数字——取决于你的业务复杂度,编一个数没有意义。可参照的判断方法:第二节"编辑器管摆、代码管动"的分类,把你想要的交互逐条归类,"动"那部分的量就是你的开发量。
Q:可以在底座上做商业项目卖钱吗?
A:商用属于订阅授权的范围,条款见仓库 LICENSE / EULA。本地验证不花钱,确认适合之后再进入商业授权,这个顺序对你风险最小。
Q:我搭的世界和别人的世界能互通吗?
A:联邦协议层在底座里(身份迁移、同名自动改名都有验收),跨世界互通是它的设计能力之一;具体怎么组网,看部署文档里的联邦配置部分。
源码与仓库
三个地址内容一致,国内访问用前两个更快。仓库里有部署说明和一批验收脚本,可以自己跑一遍看实测值。
- Gitee(国内访问更快):https://gitee.com/miduoxinxijeji/miduo.git
- GitCode(国内镜像):https://gitcode.com/qq_35054471/virtual-world
- GitHub:https://github.com/miduo100/3d-virtual-world
关于创世Genesis
创世Genesis是一套基于Three.js+WebGL构建的自部署3D虚拟世界系统,帮助个人与企业搭建属于自己的3D空间。浏览器直接访问,PC和手机双端兼容,支持多人在线、联邦传送、商铺系统,并支持Agent接入——AI能以具身角色进入你部署的世界。数据运行在你自己的服务器上,不经过第三方平台——让每个世界都真正属于它的主人。
想拿这套底座开工你的第 5 层? 创世Genesis(创世虚拟世界CRM系统)是一套部署在你自己服务器上的 Three.js 3D 虚拟世界基底——底下四层随源码给你,源码开放、本地跑不花钱,联网、商用、联邦需要订阅授权;第 5 层是你的,从编辑器里的一个场景开始。官网(搜「创世虚拟世界CRM」即可找到)有一个可以走一圈的演示世界。
关于名字:本文说的创世Genesis,即创世虚拟世界CRM系统,两者是同一个自部署 3D 虚拟世界产品。若你通过「创世Genesis」没搜到我们,直接搜「创世虚拟世界CRM」即可。