WebGL

本文主旨是探究使用framebuffer特性，对blend功能有何影响。 WebGL Blend 回顾前文，可以通过gl.blend开启WebGL混合功能。 本文再通过绘制一个半透明的蓝色矩形，进一步

设备像素比 有时候我们会发现，使用WebGL绘制的图片在手机上存在明显的锯齿。 这是因为，目前大多数手机屏幕都采用了HiDPI或者Retina高清屏，相比传统的屏幕的优势是，单位CSS pixel可以

矩阵变量 GLSL ES语言中，通过关键字mat2、mat3、mat4声明矩阵，并提供内置函数mat2()、mat3()、mat4()构造矩阵。 支持三种方式初始化矩阵： 从第一列开始，逐列指定元素的

浏览器合成 从一段简单的HTML代码开始。 如下，在背景色是黑色的body上，绘制一个透明度是0.5的蓝色div。 通过拾色器，可以发现div和body相交的区域的色值是 rgb(0,0,128).

图像滤镜 CSS3内置了丰富的图像滤镜函数（blur、brightness等），可以轻松地给一张图片应用特效。下面给一张图应用高斯模糊滤镜效果。 更多的css filter效果，可以CSS Filte

前言 如果已经看过【零基础学WebGL】绘制图片，或已经了解WebGL绘制基础。 H5播放视频，通常可以使用HTML Video实现。但如果考虑HTML Video在移动端的兼容性，或者需要进行视频处

前言 阅读本篇文章，假设你已经看过【零基础学WebGL】绘制矩形 ，或已经了解WebGL绘制基础。 通过本文的学习，你可以掌握使用WebGL绘制任何一张图片。下图是本文的示例图片： 理论知识 在绘图之

着色器，是一种运行在gpu上的小程序，负责图形渲染管线的特定环节。着色器本质上是一种输入输出程序。 - 顶点着色器，从顶点数据中接受输入，通过预定义变量gl_Position指定输出数据；