🏭 WebGL 渲染管线：从顶点到像素的旅程
CPU
准备数据
输入：JavaScript 数组
输出：8 个顶点坐标
顶点着色器
执行：8 次
职责：计算顶点位置
图元装配
输入：8 个顶点
输出：12 个三角形
光栅化
输入：12 个三角形
输出：数千个片元
片元着色器
执行：数千次
职责：计算像素颜色
帧缓冲
屏幕显示
最终成品：
彩色立方体
🚀 开始渲染
➡️ 下一步
🔄 重置
准备就绪
点击"开始渲染"查看每个阶段的代码...