这是一个精心设计的WebGL学习路径，从最基础的概念开始，逐步深入到高级的3D图形编程技术。每个demo都包含详细的注释和交互式元素，让你在实践中掌握WebGL的核心概念。
学习建议：按照顺序完成每个demo，每个demo都会在前一个的基础上引入新的概念。不要急于求成，理解每个概念后再进入下一个阶段。
学习WebGL的基础概念：着色器、缓冲区、渲染管线。创建你的第一个彩色三角形。
学习索引缓冲区和基础的2D变换：平移、旋转、缩放。
进入3D世界：透视投影、深度测试、3D变换矩阵。
学习纹理加载、UV坐标系统和纹理过滤技术。
实现真实的光照效果：环境光、漫反射、镜面反射。
添加用户交互：鼠标控制、键盘输入、物体拾取。
掌握高级技术：阴影映射、后处理效果、粒子系统。