场景对照
机制章按 API 切。落地时按产品找入口，避免只读完 01 就开始写引擎。
| 你要做的东西 | 先读 | 不要做的事 |
|---|---|---|
| 监控散点 / 行情点过万 | 10 大量标记、02 实例化、06 合批 | 不每点一次 drawArrays |
| 粒子 / 火花 / 雪 | 10 粒子、02 实例化、04 提交 | 不在 2D 里 fillRect 一万次 |
| 全屏 LUT / 扭曲 / 辉光 | 10 后处理、02 帧缓冲 | 不把 filter: blur 当 GPU 后处理 |
| 地图瓦片 / 地形 | 10 瓦片、03 相机、06 合批 | 不把每块瓦片当一张 DOM <img> 还开 GL |
| 视频当纹理 / 相机预览 | 10 视频纹理、08 CORS | 不每帧 drawImage 进 2D 再 texImage2D 多拷一次 |
| 小地图 / 第二相机 | 10 小地图、03 相机 | 不 readPixels 缩小主缓冲 |
| 图像卷积 / 直方图 | 10 计算着色、02 Compute | 不热路径 getImageData |
| 三维模型查看 | 10 三维查看器、09 Three | 不自研完整 PBR 只为看一个 GLTF |
| 2D 笔迹 + GL 场景 | 10 与 2D 叠层、01 上下文 | 不在同一 canvas 混 2d 和 webgl2 |
| 点选物体 | 03 拾取、03 指针到 NDC | 不每帧读整张 ID 图 |
| 高分屏不糊 | 05 DPR | 不把 CSS 尺寸当 drawingBuffer |
| 上下文一丢画面白 | 04 丢失恢复 | 不假设 program 句柄永远有效 |
| 要不要上 Three / Pixi | 09 两篇 | 不把库当「不用懂 NDC」 |
| 其实该用 2D / SVG | Canvas 选型、SVG 选型 | 不为图标开着色器 |
能力分层仍见 README。本表解决「场景在哪篇」。