WebGL ​

基础概念 ​

• WebGL简介：理解WebGL及其在Web中的应用。
• 设置WebGL环境：在HTML5 <canvas> 元素中使用WebGL。
• WebGL和Canvas 2D API的比较。

绘图基础 ​

• 绘制形状：如何在WebGL中绘制基本图形。
• 坐标系统：理解WebGL的坐标系统。
• 着色器（Shaders）：顶点着色器和片元着色器的基本概念。

材质和光照 ​

• 材质：理解如何给图形添加材质。
• 纹理映射：在3D对象上应用图片。
• 光照模型：基础光照和阴影技巧。

动画和交互 ​

• 动画原理：创建动画和实现动态交互。
• 使用WebGL的交互控制：响应用户输入。
• 动画循环：使用requestAnimationFrame。

高级技术 ​

• 高级着色器：使用GLSL进行高级效果。
• 离屏渲染：使用帧缓冲。
• 3D模型加载：加载和显示复杂3D模型。

性能优化 ​

• 性能调优：监控和提升WebGL应用性能。
• 资源管理：有效管理内存和资源。
• 网络性能：优化资源加载和传输。

WebGL扩展 ​

• 使用WebGL扩展：扩展WebGL的功能。
• 兼容性和降级策略：处理不支持WebGL的情况。

实际应用案例 ​

• 游戏开发：使用WebGL开发简单的游戏。
• 可视化：数据和科学可视化。
• 虚拟现实（VR）和增强现实（AR）。

资源 ​

• WebGL官方规范
• WebGL Fundamentals - 提供基础和高级教程。
• Learning WebGL - 初学者教程和资源。