在 Web 中渲染 VRM

Web 端渲染 VRM 通常基于 three.js 与配套加载器，难点在加载体验。

加载流程

先加载骨骼与低精度网格，再异步补高清贴图。首帧越快，用户越愿意等。

内存

贴图是内存大头，多个模型切换时要显式释放几何体、材质与纹理，否则页面会越用越卡。

渲染设置

按设备能力选择像素比与阴影质量。移动端关闭实时阴影，改用烘焙贴图，帧率会稳定很多。

交互

鼠标跟随、眨眼与呼吸这类微动作能显著提升真实感，成本却很低，应优先实现。