opengl-es - WebGL 是如何工作的？

Question

我正在寻找对 WebGL 工作原理的深入理解。我想在大多数人不太关心的水平上获得知识，因为这些知识对普通的 WebGL 程序员没有必要有用。例如，整个渲染系统的每个部分(浏览器、图形驱动程序等)在将图像显示在屏幕上时扮演什么角色？
是否每个浏览器都必须创建一个 javascript/html 引擎/环境才能在浏览器中运行 WebGL？为什么 chrome 在兼容 WebGL 方面领先于其他所有人？

那么，有什么好的入门资源呢？对于我想要的东西，kronos 规范有点缺乏(从我浏览了几分钟的情况来看)。我主要想知道这是如何在浏览器中完成/实现的，以及您的系统上还需要进行哪些更改才能使其成为可能。

Answer 1

我会读这些文章

http://webglfundamentals.org/webgl/lessons/webgl-how-it-works.html

假设这些文章有帮助，剩下的就是 WebGL 在浏览器中运行。它渲染到 Canvas 标签。除了使用 WebGL API 生成图像而不是下载图像之外，您可以将 canvas 标签想象为 img 标签。

与其他 HTML5 标签一样，canvas 标签可以使用 CSS 设置样式，位于页面其他部分的下方或上方。与页面的其他部分合成(混合)。与页面的其他部分一起被 CSS 转换、旋转、缩放。这与 OpenGL 或 OpenGL ES 有很大不同。