WebGL2是WebGL1的一次非常重要的升级。如果你已经很熟悉WebGL1，并希望了解如何调整你的代码，以便利用 WebGL2的优势，看迁移WebGL1到WebGL2这篇文章。
以下是没有特别顺序的特性列表
我认为这是相当重要的，在WebGL1中是选择可用，现在在WebGL2中始终可用，我认为你应该始终使用它们.
在WebGL1中，如果你的着色器需要知道纹理的大小，你需要手动用uniform传递纹理大小。在WebGL2中你可以调用
vec2 size = textureSize(sampler, lod)
来获取任何lod层的纹理
在纹理中很方便存储大量数组数据。WebGL 1中你可以这么做，但是你得用纹理坐标(0.0 到 1.0)来寻址。在WebGL2中，你可以在纹理中直接用像素／纹素坐标来选取值，使得数据获取简单一些。
vec4 values = texelFetch(sampler, ivec2Position, lod);
WebGL1只有一部分纹理格式。 WebGL2有许多!
RGBA32IRGBA32UIRGBA16IRGBA16UIRGBA8RGBA8IRGBA8UISRGB8_ALPHA8RGB10_A2RGB10_A2UIRGBA4RGB5_A1RGB8RGB565RG32IRG32UIRG16IRG16UIRG8RG8IRG8UIR32IR32UIR16IR16UIR8R8IR8UIRGBA32FRGBA16FRGBA8_SNORMRGB32FRGB32IRGB32UIRGB16FRGB16IRGB16UIRGB8_SNORMRGB8IRGB8UISRGB8R11F_G11F_B10FRGB9_E5RG32FRG16FRG8_SNORMR32FR16FR8_SNORMDEPTH_COMPONENT32FDEPTH_COMPONENT24DEPTH_COMPONENT163D 纹理就是纹理有3个纬度。
纹理数组和3D 纹理很相似，除了每个切片都是单独的纹理。所有切片都必须是相同的大小，但这给了着色器很好的方法来访问数百个纹理，即使它只有相对较少的纹理单元。你可以这样在着色器中选择切片。
vec4 color = texture(someSampler2DArray, vec3(u, v, slice));
WebGL1中不是2的幂的纹理不能有mip。WebGL2移除了限制，非2的幂大小的纹理和2的幂大小的纹理一样工作。
WebGL1中，着色器中的循环必须使用常量整数表达式。 WebGL2移除了这个限制(GLSL 300 es)
WebGL1中，如果需要获得矩阵的逆，你需要将它作为uniform传给着色器。WebGL2 GLSL 300 es里有内置的inverse 函数，同样有转置函数transpose。
WebGL1中有许多压缩纹理格式是硬件依赖的。S3TC基本上只是桌面支持。PVRTC只有iOS。其他..
在WebGL2中，至少支持下面一套压缩纹理格式。
(
)
Uniform缓冲对象可以让你在缓冲中指定一组uniform。优点是
你可以在WebGL之外在缓冲中操作所有的uniform
WebGL1中如果你有16个uniform，则要求16次对gl.uniformXXX的调用。这相对比较慢。
WebGL2中如果你使用Uniform缓冲对象，你可以在JavaScript中设置一个类型化数组的值，这会快很多。当所有的值设定好，你用1次调用gl.bufferData或者gl.bufferSubData上传它们，之后gl.bindBufferRange告诉程序使用缓冲，所以只有2次调用。
你可以有不同的uniform缓冲对象组
Uniform块是定义在着色器中的uniform集合。Uniform 缓冲对象包含一个Uniform块会使用的值。你可以创建你想要数量的Uniform缓冲对象，绘制时绑定其中一个给某一个Uniform块。
例如，在着色器中你定义了4个uniform块。
一个全局矩阵uniform块包括所有绘制调用都相同的投影矩阵，视图矩阵，等。
每个模型uniform块包括每个模型都不同的矩阵，例如世界矩阵和法线矩阵。
一个材质uniform块包含材质设置，例如包括漫反射，环境光，高光，等..
一个光照uniform块包括光照数据像光颜色，光源位置，等..
然后在运行时，你可以创建一个全局uniform缓冲对象，每个模型一个模型uniform缓冲对象，每个光源一个光照uniform缓冲对象和每个材质的uniform缓冲对象。
绘制任何物体假设所有数据已经更新，所有你要做的就是绑定你需要的4个uniform缓冲对象
gl.bindBufferRange(..., globalBlockIndx, globalMatrixUBO, ...);
gl.bindBufferRange(..., modelBlockIndx, someModelMatrixUBO, ...);
gl.bindBufferRange(..., materialBlockIndx, someMaterialSettingsUBO, ...);
gl.bindBufferRange(..., lightBlockIndx, someLightSettingsUBO, ...);
在WebGL2中，你可以用纹理获得整数，在WebGL1中，所有纹理都表示为浮点值即使它们没用浮点值表示。
你也能有整数attribute。
最重要的是，GLSL 300 es允许在着色器中对整数进行位操作。
WebGL2允许顶点着色器将结果写回到到缓冲里。
在WebGL1中，每个纹理设置纹理参数。 在WebGL2中，你可以选择用采样对象。用采样器，筛选，重复／clamp参数所有纹理的部分都改变给采样器。这意味着一个纹理可以用多种方式采样。重复或者clamp。筛选或者不筛选。
深度纹理在WebGL1中是可选的，使用起来很麻烦。现在它成为标准。常用于计算阴影贴图。
导数现在是标准部分。普遍用法包括在着色器中计算法线代替传入
现在是标准部分，通常用于快速绘制许多树，灌木丛或者草。
可以用32位整数作为索引，移除了几何体索引的大小限制
gl_FragDepth使你能够在深度缓存/z-buffer中写入自定义的值。
可以使用min或max来混合2种颜色
在着色器中可以一次绘制到多缓冲。常用于各种延迟渲染技术。
WebGL1中这是可选特性。在顶点着色器中有一个你可以访问的纹理数量，可以为0。大多数设备支持它。在WebGL2中，这个数量要求至少为16。
在WebGL1中画布本身可以用GPU的内置多采样系统来抗锯齿，但不支持用户控制的多采样。在WebGL2中你可以创建多采样渲染缓冲。
遮挡查询让你能够使GPU检查是否是实际需要渲染的。
浮点纹理用于许多特殊效果和计算。在WebGL1中他们是可选的。在WebGL2中，它存在。
注意：不幸的是，仍然对筛选方式有限制，渲染到浮点纹理依旧可选。参阅OES_texture_float_linear和EXT_color_buffer_float.