GLB 怎样进入个人网页和在线 3D 展示
具体问题
把 GLB 放进个人网页，不是上传一个文件、出现可旋转物体就结束。模型的单位、朝向、旋转中心、材质、文件大小和版本如果没有先冻结，网页可能显示错误对象、错误比例或失效材质；桌面端看似正常，也可能在手机上加载迟缓或无法操作。
当天要解决的是一条可复核的在线三维交接：同一受控 GLB 经过模型读回、网页容器、桌面与移动双出口、失败降级和 Gate 5 检查，最终与项目文字、图片和权利说明保持一致。这样在线展示才是项目档案的一部分，而不是孤立的技术效果。
核心判断
在线三维是否成立，应同时看“模型身份正确”和“访问条件成立”。前者检查版本、单位、朝向、材质、结构与旋转中心；后者检查加载时间、设备适配、触控边界、背景对比、操作说明和降级路径。任一侧缺失，都不能把展示标记为可交付。
GLB 是展示出口，不替代用于制造的 STL，也不证明实体已经完成。网页应明确模型版本和用途，并为不支持 WebGL、网络不稳定或性能不足的访问提供同版本静态海报。可旋转只是功能证据，真实文件读回与 Gate 5 才是发布判断。
步骤或标准
按“冻结文件—模型读回—网页容器—双出口比较—降级准备—Gate 5”的顺序推进，每一步都留下可以再次检查的文件或记录。
- 先冻结展示文件：为 GLB、网页用图片、模型说明和降级海报建立同一版本号；记录文件大小、单位、朝向、材质数量和权利状态，来源不清或版本不一致的文件不得上线。
- 检查模型出口：在本地查看器中验证模型能完整载入、正面朝向正确、旋转中心落在主体、比例单位合理、材质与透明区域可辨；任何破面、错贴图或漂浮部件都退回模型文件修正。
- 建立网页容器：为在线三维设置明确宽高、相机初始位、受控灯光、旋转缩放边界、加载提示和键盘或触控操作说明，并用真实 GLB 相对路径接入，不使用本地绝对路径。
- 做双出口测试：至少比较桌面高质量版与移动轻量版两种配置，检查首屏加载、触控旋转、缩放、背景对比和文字遮挡；记录选择依据，而不是默认所有设备使用同一参数。
- 准备可验证降级：当浏览器、网络或设备不能稳定显示三维时，显示与同一模型版本绑定的静态海报、文件说明和重试提示；降级内容不得伪装成仍可交互的三维。
- 执行 Gate 5 读回：用新会话逐项检查页面 URL、GLB 请求、模型身份、移动端操作、降级路径、版权与完成度说明，并保存问题清单；通过后才进入多平台内容转译和持续更新。
常见错误
以下错误常把局部演示误判为完整在线展示，并把问题留到真实访问阶段。
- 只确认 GLB 在建模软件里能打开，就直接接入网页；后果是坐标、旋转中心、材质或浏览器兼容问题会在访客端暴露，且难以判断错误来自模型还是页面。
- 为了追求细节把高面数、大贴图和多个透明材质原样上线；后果是移动端加载缓慢、内存占用升高，甚至出现黑屏、崩溃或触控迟滞。
- 只做自动旋转，不限制相机距离也不说明操作；后果是访客容易把模型缩到看不见、穿入模型内部，或误以为页面没有交互。
- 三维加载失败时只留下空白容器；后果是用户无法确认作品内容、版本和下一步，也无法区分网络问题与文件损坏。
- 把课程方向示意页面写成已上线客户项目或真实学员成果；后果是事实与授权边界失真，破坏网站归档的可核验性。
与五天课程的关系
当天主题对应 Day 5“Codex 独立站、3D 展示与 AI 推广”，并使用 Gate 5 检查真实 GLB、页面容器、移动端交互、降级路径、权利边界和可继续编辑性。它承接 Day 2 输出的受控 GLB，也依赖 Day 4 / Gate 4 已核对的作品说明、图片和公开范围。
本阶段通过后，下一阶段进入同一项目资料的朋友圈、小红书、短视频与长内容转译，以及课后三十天持续更新；若 Gate 5 发现模型错版、移动端失效或降级缺失，应退回模型或网页修正，不直接扩大传播。
事实 / 案例 / 完成度边界
本文依据课程主基线 Day 2 双文件出口、Day 5 在线三维与 Gate 5 要求编写。当天规划的原创“岚洞拾光者”四图均为课程方向示意图，用于解释 GLB 读回、双出口比较、网页交互检查与降级交接；它们不是真实案例，不是学员作品、真实课堂、真实委托、真实网页截图或已经上线的项目。真实案例必须另有来源、授权、原始 GLB、页面和公开记录。
五天内可完成与项目范围相匹配的基础 GLB 在线查看、受控相机与灯光、移动端基础操作、静态降级和版本说明；实际完成度受模型复杂度、贴图大小、透明材质、设备性能、网络和返工影响。课程不承诺五天内完成商业级高性能三维引擎、所有浏览器零故障、复杂动画、电商支付、稳定流量、订单、批量生产、正式展览或销售结果。
报名入口
如果你已有 IP / 角色资产，可以提交原画、角色设定、已有模型或实体样，并说明版权状态与希望实现的在线展示；课程会从真实资产判断 GLB、网页与实体交接范围。
如果你只有想法、草图或初步设定，也可以提交个人故事、关键词、手绘和希望形成的实体类型。两类起点都会进入同一条从方向判断、三维与实体到个人网站和持续发布的链路。公开报名地址：https://wj.qq.com/s2/27296919/9499/
