用途
WebGL Expert 是一份面向 WebGL（Web Graphics Library）API 开发的专家指南，覆盖 WebGL 1.0 与 WebGL 2.0，目标是在浏览器中实现高性能的 2D 和 3D 图形渲染。WebGL 是一种 JavaScript API，无需插件即可在 HTML canvas 元素内进行硬件加速的 3D 图形渲染，紧密遵循 OpenGL ES 2.0（WebGL 1.0）与 OpenGL ES 3.0（WebGL 2.0）标准。当工作涉及 WebGL、3D 图形、canvas 渲染、着色器、GPU 编程，或用户提及 WebGL、OpenGL ES、GLSL、顶点着色器、片段着色器、纹理映射、3D 网页图形时适用。
主要能力
资料列出的关键能力包括：硬件加速的 2D 与 3D 渲染；可编程着色器管线（GLSL）；纹理映射与高级材质；光照与变换系统；面向游戏与可视化的高性能图形；跨平台兼容（所有现代浏览器）。
核心接口方面，WebGL 1.0 使用 WebGLRenderingContext，通过 canvas 获取上下文；WebGL 2.0 使用 WebGL2RenderingContext。资料列出 WebGL 2 独有特性：3D 纹理、采样器对象、统一缓冲区对象（UBO）、Transform Feedback、顶点数组对象（VAO，核心特性）、实例化渲染、多渲染目标、整数纹理与属性、查询对象、遮挡查询。
内容结构
指南按以下主题展开：
- 渲染管线：着色器创建与编译（顶点着色器负责处理每个顶点，片段着色器决定像素颜色，均用 GLSL 编写，并提供 createShader 与 createProgram 的 JavaScript 示例）、缓冲区管理（存储顶点数据，含 STATIC_DRAW、DYNAMIC_DRAW、STREAM_DRAW 使用模式）、纹理处理（含 loadTexture 与 isPowerOf2 示例，说明非 2 的幂纹理的处理方式）、渲染循环（清屏、启用深度测试、设置 uniform、绘制与 requestAnimationFrame）。
- 矩阵数学：WebGL 使用列主序矩阵，推荐 glMatrix 与 three.js；给出模型矩阵、视图矩阵、投影矩阵及 MVP 组合的示例。
- 性能优化：列出最佳实践，包括减少状态切换、使用 VAO、纹理图集、实例化渲染、视锥剔除、LOD、纹理压缩、简化着色器、使用统一缓冲区（WebGL 2）、避免 CPU-GPU 同步；并给出实例化渲染示例。
- 扩展系统：提供 getExtension 辅助函数与常见扩展列表，按纹理格式、渲染、精度、实例化、调试分类。
- 上下文管理：上下文丢失与恢复的事件监听示例，以及上下文创建选项（alpha、antialias、depth、stencil、premultipliedAlpha、preserveDrawingBuffer、powerPreference、failIfMajorPerformanceCaveat）。
- 常见模式：帧缓冲渲染（渲染到纹理）、多渲染目标（WebGL 2）。
- 常见陷阱：未检查编译/链接错误、忘记启用属性、数据类型不正确、未处理上下文丢失、混用 WebGL 1 与 2 API、2 的幂纹理假设、Z-fighting、坐标系混淆、过早优化、未清空缓冲区。
- 调试工具：浏览器 DevTools、WebGL Inspector、Spector.js、gl.getError()、WEBGL_debug_shaders，并给出错误检查示例。
使用方式
资料以指南文档形式组织，末尾包含 Quick Reference，指向 reference.md（完整常量参考、所有 WebGL 方法、GLSL 内置函数、扩展兼容性矩阵）与 examples 目录（基础三角形渲染、纹理映射、光照模型、高级技术）。文末给出协助用户使用 WebGL 的建议流程：确定版本、检查需求、从简单开始、系统化调试、性能剖析、考虑库、校验输入、处理上下文丢失、适度优化、跨设备测试。
适用场景
适用于 WebGL API 开发、3D 图形与可视化、canvas 渲染、着色器与 GPU 编程相关任务，包括游戏、数据可视化以及需要浏览器内高性能图形的场景。
限制与注意事项
资料未提供该技能的具体安装命令、收费或价格信息。安全注意事项包括：跨源纹理需正确使用 CORS、校验用户提供的着色器代码、不信任客户端报告的能力、注意着色器编译时序、用户可能因隐私原因屏蔽 WebGL。流行的库与框架列有 three.js、Babylon.js、PlayCanvas、Pixi.js、Phaser、regl、twgl、glMatrix；学习资源列有 MDN WebGL Tutorial、WebGL Fundamentals、The Book of Shaders、Shadertoy、WebGL2 Fundamentals。