第 4—5 月｜WebGL 底层认知

目标：不依赖 Three.js 手写一个完整绘制例子，用底层知识建立渲染问题的排查方向。

学习清单

[ ] 解释顶点着色器和片元着色器各自的输入、输出与职责。
[ ] 走通缓冲区、顶点属性、纹理和绘制调用。
[ ] 实现基础漫反射光照。
[ ] 解释透视投影和近大远小。
[ ] 原生 WebGL 手写带贴图、光照和透视的立方体。
[ ] 整理黑模、闪烁、纹理错位等异常及排查方向。

本阶段交付

一个可运行的原生 WebGL 立方体，以及一份有实际复现步骤的渲染问题排查笔记。

推荐记录

我的笔记索引

建议记录着色器、缓冲区、纹理和渲染异常，新增文章后在此登记。

日期	笔记 / 练习	链接	独立复现
YYYY-MM-DD			[ ]

月末复盘

我能从空白文件复现的流程：
最常见的渲染错误和排查顺序：
还不确定的 WebGL 状态：
下阶段要带走的经验：