中文  |  English

济宁米多信息科技有限公司

在 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 业务层你展厅摆什么、培训练什么、社区玩什么、卖什么、规则是什么

元宇宙这个词拆到工程上,就是这五行。 "能进去、有空间、能一起玩、能一直在线、能跨世界"是底座的活;"有什么内容、什么身份体系、什么经济规则"是你的活。底座不替你决定你的元宇宙里发生什么——这是设计立场,不是功能缺失。

二、编辑器干的活:不写代码就能做的那部分

浏览器端 3D 编辑器实拍
浏览器端 3D 编辑器实拍:左侧模型库(GLB/GLTF、VRM、OBJ 导入),中间场景视口,右侧对象列表与属性面板;本次截图场景含 373 个对象

第 5 层里相当一部分工作不需要写代码——在浏览器编辑器里完成。截图里能看到这套编辑器的日常:左侧模型库(GLB/GLTF 直接上传,VRM 连贴图打包,OBJ 带 mtl 打包),中间场景视口,右侧对象列表与属性面板(本次截图场景含 373 个对象,位置、旋转、缩放、动画都在面板里调)。

编辑器管"摆",代码管"动"。 摆模型、调属性、配动画、布置建筑和道具——这类活在编辑器里点选完成;而"走近这台设备弹出参数面板""完成操作后给奖励""角色之间怎么交易"——这类带规则和交互的逻辑,才是写代码的部分。分清这两类活,第 5 层的工作量就有底了。

三、几个已经能落地的方向

第 5 层不是从零想——下面这些方向在底座上已经有对应的能力支撑:

方向第 5 层要做的底座已有的支撑
产品/设备展厅摆放展品、写介绍、配讲解动线3D 编辑器、物体 AI 描述、AI 讲解员接入
培训与演练搭操作场景、定考核规则多人在线、角色动画、管理后台
兴趣社区/品牌空间定内容主题与活动规则多人同步、聊天、经济系统面板、联邦互通
数字纪念/收藏空间上传模型、布置专属空间模型导入、资产库、隐私在你自己服务器

如实标注:"虚拟展厅/培训"方向的 B2B 付费落地路径我们仍在验证,没有可引用的客户案例;上表说的是能力支撑关系,不是业绩承诺。

四、手机端:同一个世界,另一个入口

手机浏览器实机画面
手机浏览器实机画面:街景建筑与浮空岛广告牌,与桌面端是同一个世界

这是同一个世界在手机浏览器里的实机画面:建筑街景、浮空岛广告牌、虚拟摇杆与操作控件。底座按能力分档适配终端,你在编辑器里搭的世界,桌面和手机看到的是同一个。

边界照旧说清:手机端的帧率与耗电我们尚未完成完整实测,能进、能逛有实机截图为证,性能数字以你目标机型的实测为准。

五、从哪里下笔:一个可执行的顺序

建议的动工顺序(每步都有对照物,不悬空):

  1. 先部署,跑通验收脚本——54 个 accept_*.js 是现成的基线,改动前后都能对照。
  2. 进编辑器搭一个最小场景——放一个你想展示的对象,配好属性,手机上打开看一遍。这一步不写代码,验证的是"这个底座能不能承载你的内容"。
  3. 给场景加一条业务规则——用你熟悉的方式读 src/ 里对应模块的现有实现,照着改。源码开放的价值在这里:有参照物的改动比从零写快,也不容易改坏。
  4. 要 AI 就接 AI——按接入文档三步走(发现文件、Key 换令牌、WebSocket 接入),examples/ 里有能直接跑的示例客户端。
  5. 要联网再谈授权——本地验证全程免费,确认这套底座适合你之后,再进入订阅授权的范围。

六、这个底座不适合什么

  • 想要"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」即可。
← 返回文章列表