文章目录 1. 获取高频操作对象 1.1 WebGL 获取上下文对象 1.2 WebGPU 获取设备对象 2. 初始化参数的异同 2.1 WebGL 2.2 WebGPU 分两步 2.2.1 GPUAdapter 2.2.2 GPUDevice 3. 总结 1. 获取高频操作对象 1.1 WebGL 获取上下文对象 WebGL 获取的是 WebGLRenderingContext/WebGLRenderingContext2 对象,必须依赖于有合适宽度和高度的 HTMLCanvasElement,通常命名为 gl,gl 变量有非常多方法,允许修改 WebGL 的全局状态 const gl = document.getElementById("id")?.getContext(