第8章 质检与出货：性能、生态与实战

第 8 章 · 质检与出货：性能、生态与实战

章节摘要：本章是装配线的最后一站：量帧预算、过优化清单、借生态之力，最后把前七道工序放进一个完整项目的复盘里走一遍——沙盘从工位上的半成品变成签收单上的成品。

一条主线

演示大获好评，客户问了最后一个问题："上线给两千人同时看，还是这个画面吗？"——这就是质检工位的开工单。前七章的每一道工序都在往场景里"加东西"：灯、贴图、动画、粒子、后期链；质检工序的职责是让所有加出来的东西在目标设备上"付得起"。

主线从一句话开始：帧预算是硬通货。60 帧目标意味着每帧只有约 16.6 毫秒，主线程要在一帧内完成逻辑更新、物理求解、全部绘制调用与合成上屏。预算超支不表现为报错，表现为"莫名发卡"——所以质检的第一件事是把开销变成可度量的数字，第二件事是按清单逐项过检。本章同时交代另一条产线纪律：不必一切自研——官方示例库是半个标准件仓库，社区是外协网络，会用生态的团队交付速度快一倍。

沿途站点

第一站 8.1 性能质检：帧预算与优化清单。把前七章埋下的所有性能伏笔收拢成一张仪表盘：绘制调用数、三角面数、贴图显存、光照次数、像素比——每一项给出度量方法与典型红线，配一份按"先查什么"排序的优化清单。

第二站 8.2 生态工位：扩展库、WebXR 与社区。官方示例模块库的盘点（控制器、加载器、后期器都住在里面）、WebXR 出货的入门流程（第 1 章预留的 setAnimationLoop 在此兑现）、以及社区资源的检索姿势——遇到问题时先找什么、再找什么。

第三站 8.3 出货检验：项目流程与实战复盘。用一场完整的沙盘交付把全书工序串起来：需求拆解到工位、里程碑怎么排、常见项目类型的装配差异（产品展示、数据大屏、轻互动宣传），最后是售后——上线后的监控与迭代。

图：出货前的三道检验

拐点与结论

本章的认观转折在 8.1 的"度量先于优化"：性能问题的直觉判断九成是错的——看起来最重的粒子雨往往毫发无损，悄悄吃光帧预算的常是无语的环境反射与过高的像素比。仪表盘五项读数比任何经验直觉都可靠，优化清单的第一条永远是"先度量"。

第二个转折在 8.3 的"装配差异"：同一套工序，产品展示要的是机位手感与材质质感，数据大屏要的是正交机位与按需渲染，轻互动宣传要的是入场动画与降级预案。项目类型决定工位权重——复盘的价值不只是回顾，而是沉淀出"下一单从哪个工位优先开工"的经验表。

与前面七个工位的对账关系

质检工位的特殊在于它不生产部件，只回收账单：8.1 的仪表盘把第 1 章的面数账、第 2 章的灯光账与阴影账、第 7 章的后期税与粒子税并成一张表读数；8.2 的生态盘点把散落全册的官方示例模块收拢成一个可检索的仓库；8.3 的项目复盘则把八道工序的时间线压成一份可复用的排产经验表。倒读的读者可以把本章当全书的索引用——每一项读数、每一个优化项都标注了它源自哪个工位，顺着引用回读比从头通读更快定位。

读完你应该

• 用仪表盘读出任意场景的五项关键开销，并与红线对比；
• 按"先度量、再命中"的顺序执行优化清单，杜绝盲改；
• 从官方示例模块库找到所需的控制器与后期器并正确引入；
• 走通 WebXR 的最小出货流程，解释为什么全册案例都用 setAnimationLoop；
• 为产品展示、数据大屏、轻互动宣传三类订单排出各自的工位优先级。

下一章的接力

没有下一章了——产线正式出货。三节内容完成后，本册的装配线教学闭环：从一张白页到签收单，每一道工序你都亲手装过一遍。剩下的进阶方向（GPU 粒子、延迟渲染、WebGPU）都已在前文埋过路标，出货之后的自学地图就在各节的变式里。