本系列文章翻译自：https://developer.mozilla.org/en/WebGL 本文地址：https://developer.mozilla.org/en/WebGL/Adding_2D_content_to_a_WebGL_context 翻译说明：水平有限并且不会逐字逐句翻译，只保证符合原文意思。

本系列文章翻译自：https://developer.mozilla.org/en/WebGL 本文地址：https://developer.mozilla.org/en/WebGL/Getting_started_with_WebGL 翻译说明：水平有限并且不会逐字逐句翻译，只保证符合原文意思。 对于支持WebG

WebGL 是一项在网页浏览器呈现3D画面的技术，有别于过去需要安装浏览器插件，通过 WebGL 的技术，只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天，本文向大家展示8个惊艳的  WebGL 应用实验。 TankWorld 使用We

WebGL是一个附加的渲染上下文（context），支持HTML5的canvas对象。这个上下文允许通过一种与OpenGL ES 2.0 API非常相似的API来进行图像渲染。 创建WebGL上下文 通过使用canvas的getContext(“experimental-webgl”)方法来获取一个WebGLRenderingContext。 创建Shaders Shaders是用来将图形信息(shape data)转换为屏幕上的像素。当使用GLSL这种shader格式时，我们会用到两种不同的shaders。 Vertex shader 使用在被渲染的三角形的每个顶点(corner)上。这个shader会转换点信息，传入贴图对其信息并且使用每个三角形的normals来计算光照。GLSL提供给用户一个特殊的变量gl_Position来存储经过转换的顶点信息。WebGL