中文  |  English

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

客户要"能在浏览器里走一圈"的 3D 展厅,接单方三条交付路径怎么选?

3d展厅怎么交付、展厅设计公司做线上展厅、虚拟展厅自己搭还是外包、网页3D开发外包、3d场景怎么搭建、怎么把展厅做成3d、3d展示方案对比、私有化部署3D展厅、GLB导入、three.js性能优化、创世genesis

前面的问题解决了——形态问清了、模型来源问清了、设备和人数问清了,这单确实能做。接下来的问题变成具体的:这活你从哪一条路交出去。

做展厅设计的人遇到"线上版",脚下通常有三条路:自己一路做完、转包给技术方、在现成底座上加自己那层。三条路都能到终点,但它们吃掉的资源完全不是一类——一条吃时间,一条吃毛利,一条吃部署和运维。选错了,不是项目做不出来,是做着做着发现赚到的钱不够填坑。

写在前面:我们提供的是一套部署在你自己服务器上的网页 3D 基座(创世Genesis/创世虚拟世界CRM系统),不接展厅代建与实施服务。这篇是接单方的路径对比,不是自荐。

许可口径:源码开放(source-available),本地跑不花钱;要联网、要商用、要联邦,需要订阅授权。 准确条款在仓库 LICENSE / EULA 里。

这篇讲三件事

  1. 三条路各自跑到终点是什么样——交付物、改一次的成本、最大风险
  2. 不管走哪条路,有两块活必须有人接,而其中一块不是你的强项
  3. 如果你走第三条路,从今天到上线要经过哪几段

一、三条路,各自的终点

路径 A:自己一路做完。 从 Three.js 学到能用,自己处理渲染、加载、优化、部署。尽头是一个"你团队有了这项能力"的结果。

路径 B:转包给技术方。 你保住设计和对接甲方的角色,把 Web 3D 那部分交给一家技术团队,你转交需求和模型,拿回一个能打开的地址。

路径 C:在现成底座上加自己那层。 用一套已经铺好的底座,你负责空间设计、布场、和甲方沟通,底座负责渲染、资产、多端、通信这几层。尽头是你自己服务器上的一套系统。

三条路都能用。区别在"你要投进去的东西是哪一类"。

二、逐条对比

A 自己做完B 转包C 现成底座 + 你设计
你要投进去的学习时间 + 试错时间毛利 + 管理成本一次部署 + 学一个编辑器的操作
交付物团队的一项能力一个能跑的站点(含一段对外依赖)你自己服务器上一套可改的系统
改一次的成本自己的工时看对方排期和报价自己的工时(分钟到小时级,取决于改哪一类)
最大风险工期不可控——坑集中在性能、资产、多端退出机制:私有格式或私有流程会让你换不了人仍要有人运维;底座不会替你写业务逻辑
什么时候选它一年做很多个,且形态稳定一年一两个、每次形态都不同一年两三个以上,需要自己保留改动能力

三条路里,被低估得比较多的是 A。原因不是它难,是它吃的不是"写代码的时间",是"把坑走一遍的时间"。

这一行里真正耗人的地方,通常不在渲染,而在这几件:密集场景的绘制调用要治理(我们自己的实测是 3064 → 837)、灯数一变整个场景重编译(8989ms 的卡顿尖峰要消掉)、模型体积要压(贴图可以减到原来的三成上下,几何不动)、远处的模型要分级(三档 LOD,低模全库 118/118 控制在 100 面以内)、不同来源的角色动画要能共存(我们跑的是 Mixamo / Ready Player Me / VRoid / RootMotion 四个来源,回归 67/67)、弱网断了要能自己接回来(9/9)。这些活没有一项是"设计能力"能覆盖的,但它们全都真实存在,而且每一项都可能吃掉几周。

⚠️ 这里刻意不给耗时数字。我们没有可引用的耗时数字,编一个"两周就能上手"对你没有帮助。你评估的方式应该是:把上面那份坑清单拿去问任何一个做过 Web 3D 的人,让他按你团队的情况估。

浏览器端 3D 编辑器:左侧模型库、中间场景视口、右侧对象列表与属性面板
浏览器端 3D 编辑器:左侧模型库、中间场景视口、右侧对象列表与属性面板

上图是浏览器端 3D 编辑器的模型库。放这张是想说清路径 C 的实际形态:你要做的是在这个界面里摆东西、调属性,而不是从零写一个这样的界面。 左边这个库里有 115 个已上传模型,中间是场景视口,右边是对象列表和属性面板。

三、不管走哪条路,有两块活必须有人接

把"线上版"拆开,其实只有两类工作:

第一类:设计。 动线怎么走、进门先看到什么、哪台设备放在视线高度、相机初始视角定在哪、手机上触屏操作顺不顺手。这是你的强项,三条路里都不该丢。 甲方买的本来就是你这部分判断,一旦丢出去,你的角色就退化成"传话的人"。

第二类:工程。 渲染与资产管线、性能治理、多端适配、实时通信、上线与运维。这一块如果不打算自己养团队,就必须明确交给谁。

容易出错的地方是"谁都不接"。 常见的默认状态是:设计方以为技术方会做,技术方以为设计方导出的模型已经是能上网的,最后是浏览器替所有人做了决定——代价转移到每一个访客的等待里。所以"这两块各由谁负责"这句话,要写进合同,不能留在默契里。

四、如果走路径 C:从今天到上线

这条路的分段比较清楚,按顺序是:

上线前——要准备的东西

  • 一台你自己能控制的服务器(或明确的托管方式),以及运维归谁
  • 数据库(这套基座用的是 PostgreSQL,装库、初始化、建账号是自己做的步骤)
  • 模型整理成网页友好的格式,优先 GLB / GLTF
  • 目录与空间命名规则、账号权限规则(谁只读、谁能改)

上线中——要做的决定

  • 部署到自己的服务器,跑一遍验收脚本拿基线值
  • 建空间、布场:动线、初始视角、展品位置
  • 触屏操作单独确认一遍——展场的读者大部分在手机上,这一段要在这里解决,不是最后补

上线后——要落的约定

  • 多端各打开一次(自己的电脑不算,用甲方自己的手机和网络打开一次)
  • 改动分流:只挪位置/换单个模型/换整块内容,这三类的处理方式不同,要约定好
  • 谁在什么时候能改,改动算谁的成本
桌面端浏览器打开 3D 世界的实机画面
桌面端浏览器打开 3D 世界的实机画面

上图是桌面端浏览器里的世界画面。同一套内容在电脑和手机上打开的是同一个世界,这也是路径 C 的一个附带好处:不用为每个设备各做一版。

五、可以加的一层:AI 讲解

甲方如果要"有人在里面讲解",这一层现在可以加,但要把边界讲在前面。

是什么: 给一个域名和一把 Key,一个外部 AI 就能以人形角色走进你部署的世界——有坐标、能走动、被真人看见、能说话带路。服务器只发结构化 JSON,画面由访客的浏览器渲染。

不是什么:

  • 它看不见画面。 它拿到的是结构化的空间感知数据,类似雷达,不知道模型长什么样、材质是什么。
  • 它不托管知识库。 展品参数、公司资料要由你提供。它讲什么,取决于你给了它什么。
  • 不做语音识别与合成。 语音这一段不在服务端加工。
  • 不能传送、不能碰资产。 它能走、转向、跟随、跳跃、说话、交互,不能改变场景里任何东西的位置。
  • 不承诺自主意识。 它在执行你接进去的那套逻辑。

对甲方的说法可以这样定:这是"有讲解需求时有个不累的人在",不是"全自动无人接待"。后者需要另外一套内容和规则。

六、这个方向不适合什么

  • 一年只接一个 3D 相关项目的。三条路里,只有转包是合理的,自己搭一套能力大概率收不回来。
  • 甲方要的只是一段能播的动画。那不是这个品类,用视频更省。
  • 要求主机级画质和重度物理模拟。浏览器技术栈(Three.js / WebGL)的能力边界在浏览器性能预算之内,它不是那一类引擎的替代品。
  • 想要"一句话生成整个展厅"。生成式建世界在规划里,没有实现,不要当已有能力来评估。

七、边界与未实测

  • 我们不提供展厅代建与实施服务。 本文是三条路径的对比,不是服务介绍。
  • 本文没有可引用的客户案例。 B2B 付费路径仍在验证中,所以文中不出现任何"已服务某公司"这类表述。
  • 本文没有可引用的耗时数字。 三条路各要多久,取决于你的团队和你选的形态,文中不给也无法给一个能套用的数字。
  • 手机端帧率与耗电未做完整实测。 截图能证明"能进、能逛",具体性能以目标机型实测为准。
  • 文中工程数字来自我们自己的测试环境,仓库里有对应的可重跑验收脚本;不要直接把这些数字套到你的项目上。
  • 规划项未实现:AI 拼装世界、Agent 商店、Agent 互操作、跨世界联邦 AI。
  • 截图为写作时版本的实机画面,界面随版本演进。

八、常见问题

问:三条路能不能混着走?

能,而且常用。常见组合是:重要的、长期的展厅用路径 C 自己交;一次性的、形态特别的项目转包出去。这样两边的成本结构各自合理。

问:转包给技术方,我要盯什么?

盯两件事:一是模型和数据的归属——交付时源文件、数据结构是不是一并给你;二是退出机制——如果将来要换人,能不能整体迁走。这两条要在合同阶段谈,不是验收阶段。

问:路径 C 是不是就等于买了个模板?

不是。模板是"你不能改的成品",路径 C 是"你自己服务器上的一套系统",空间是你搭的、模型是你放的、改动你自己做。差别在"谁能改",不在"画面好不好看"。

问:我完全没有 Web 技术背景,能走路径 C 吗?

能走到"部署 + 布场 + 日常改动"这一段,但这几件事仍然要有人做:装环境、配数据库、域名与备案、日常运维。这几件不属于"改设计",属于"管机器",要提前想清楚归谁。

问:选路径 C 之后,我的设计还有价值吗?

有,而且是你不可替代的那部分。动线、先看什么、设备摆在哪、第一眼看到什么——这些判断不在代码里,在空间里。

九、源码与仓库

三个地址内容一致,国内访问用前两个更快。仓库里有部署说明和一批验收脚本,可以自己跑一遍看实测值。

  • 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能以具身角色进入你部署的世界。数据运行在你自己的服务器上,不经过第三方平台——让每个世界都真正属于它的主人。

三条路都能到终点,选的是"你想投哪一类资源"。 创世Genesis(创世虚拟世界CRM系统)是一套部署在你自己服务器上的网页 3D 基座——如果你选第三条路,它负责渲染、资产、多端和通信那几层,空间里的设计还是你的。

关于名字:本文说的创世Genesis,即创世虚拟世界CRM系统,两者是同一个自部署 3D 虚拟世界产品。若你通过「创世Genesis」没搜到我们,直接搜「创世虚拟世界CRM」即可。
← 返回文章列表