GLTF模型加载到实例化渲染的详细流程图

js
┌─────────────────────────────┐
│     Model.fromGltfAsync()   │
└─────────────┬───────────────┘
              ▼
┌─────────────────────────────┐
│      GltfLoader.load()      │◄───────┐
└─────────────┬───────────────┘        │
              ▼                        │
┌─────────────────────────────┐        │
│    Model.update() 每帧调用   │        │
└─────────────┬───────────────┘        │
              ▼                        │
┌─────────────────────────────┐        │
│    processLoader()          │        │ 未完成时
└─────────────┬───────────────┘        │ 继续处理
              ▼                        │
┌─────────────────────────────┐        │
│    GltfLoader.process()     │────────┘
└─────────────┬───────────────┘
              ▼
┌─────────────────────────────┐
│       parse() 解析GLTF      │
└─────────────┬───────────────┘
              ▼
┌─────────────────────────────┐
│     loadNodes() 加载节点     │
└─────────────┬───────────────┘
              │
              ├─────────────────┐
              ▼                 ▼
┌─────────────────────┐ ┌────────────────────────┐
│ loadPrimitive()     │ │ loadInstances()        │
│ 加载每个图元         │ │ 处理EXT_mesh_gpu_      │
└─────────┬───────────┘ │ instancing扩展         │
          │             └──────────┬─────────────┘
          ▼                        │
┌─────────────────────┐            │
│ createPrimitive-    │            │
│ LoadPlan()          │            │
└─────────┬───────────┘            │
          │                        │
          ▼                        ▼
┌────────────────────────────────────────────────┐
│           postProcessGeometry()                │
│  处理缓冲区和准备渲染资源                        │
└────────────────────┬───────────────────────────┘
                     │
                     ▼
┌────────────────────────────────────────────────┐
│       new ModelSceneGraph()                    │
│  创建模型场景图并初始化节点结构                   │
└────────────────────┬───────────────────────────┘
                     │
                     ▼
┌────────────────────────────────────────────────┐
│          buildDrawCommands()                   │
│  为每个可见primitive创建绘制命令                 │
└────────────────────┬───────────────────────────┘
                     │
                     ▼
┌────────────────────────────────────────────────┐
│     ModelSceneGraph.pushDrawCommands()         │
│  构建渲染管线，包括InstancingPipelineStage       │
└────────────────────┬───────────────────────────┘
                     │
                     ▼
┌────────────────────────────────────────────────┐
│      InstancingPipelineStage.process()         │
│  处理实例化数据，创建实例缓冲区                   │
│  修改shader以支持硬件实例化                      │
└────────────────────────────────────────────────┘