WebGL 基础与上下文

从一个可推翻的运行假设开始

“WebGL 基础与上下文”先固定一个问题：如何证明管理WebGL上下文创建、版本能力、丢失与资源重建？先写下预期对象、状态或像素，再运行正常基线；若上下文版本、扩展集合、lost/restored事件和重建对象计数不能指出第一个分叉，最终画面看起来正确也不能通过。

本页不变量是：WebGL 基础与上下文的输入、状态、输出与恢复结果可用同一证据包重放。故障模式“假设WebGL2或扩展必定存在，或context restored后继续复用旧句柄”每次只改变一个条件，正常、故障、恢复三次运行必须共享输入与版本。

来源、版本与课程边界

“WebGL 基础与上下文”不是某本同名原书的翻译，也不把四套API规范拼成虚构目录。OpenGL状态与对象语义以OpenGL 4.6 Core规范核对，着色语言以GLSL 4.60规范核对，移动端与浏览器边界分别以OpenGL ES 3.2规范和WebGL 2规范核对。八个正式单元是独立课程分类。

六个检查词

在“WebGL 基础与上下文”的六词核对中，webgl context、webgl1、webgl2、context lost、state ownership、binding。术语只有进入公式、交互状态、代码和可重放输出，才算真正覆盖。

正式单元与机制解释

WebGL Context and WebGL 1/2

在“WebGL 基础与上下文”的“WebGL Context and WebGL 1/2”检查中，WebGL通过canvas.在“WebGL 基础与上下文”的“WebGL Context and WebGL 1/2”检查中，getContext取得明确对象；WebGL 1与2暴露的核心能力不同，扩展也必须逐项查询。在“WebGL 基础与上下文”的“WebGL Context and WebGL 1/2”检查中，context lost后旧GPU对象失效，应用应阻止默认处理、暂停渲染，并依据CPU侧资源描述完整重建。

在“WebGL 基础与上下文”本页，正式坐标是webgl context、webgl1、webgl2、context lost。在“WebGL 基础与上下文”的反例核对中，反事实为“假设WebGL2或扩展必定存在，或context restored后继续复用旧句柄”；应从上下文版本、扩展集合、lost/restored事件和重建对象计数找到第一个分叉。

先预测，再操作三个章专属实验

最小可重现实验

const gl = canvas.getContext("webgl2");
if (!gl) throw new Error("WebGL2 unavailable");
canvas.addEventListener("webglcontextlost", e => e.preventDefault());
canvas.addEventListener("webglcontextrestored", rebuildResources);

运行“WebGL 基础与上下文”时记录API/规范版本、设备或浏览器能力、固定输入、关键中间状态与输出摘要。不得用一次漂亮截图替代对象合同、验证消息、时间戳或像素差异。

练习与答案

本章回顾

掌握“WebGL 基础与上下文”意味着能把“管理WebGL上下文创建、版本能力、丢失与资源重建”落到具体对象、状态与输出，能制造“假设WebGL2或扩展必定存在，或context restored后继续复用旧句柄”，还能凭上下文版本、扩展集合、lost/restored事件和重建对象计数恢复同输入结果。

阅读导航

← GLSL ES 着色器语言 · 跨平台兼容性 →