WebGL

在进入三维世界前，我们先看看三维世界的基石吧，这一篇得先看看什么是着色器，知道着色器语言怎么读和写，这样在之后的三维渲染中更加容易理解。 GLSL ES（OpenGL ES Shading Langu

基于上篇的内容，纹理中最小的单位是纹素，若干纹素组成一个纹理单元，每个纹理单元用一个number值来管理，那么我们来看看它是如何工作的。 激活 在使用纹理单元之前，得需要激活纹理单元 activeTe

基于之前的知识，这里主要是 将顶点的其他数据--如颜色等-传入顶点着色器 图元光栅化--在顶点着色器和片元着色器之间的从图形到片元的转化 将纹理映射到图形或三维对象的表面上 颜色 三角形颜色 在之前的

上一篇结尾的说到了按列矩阵，但是如果是按照最原始的方式变换的话，开发的成本其实是很高的，所以，只需要了解原理即可，在实际开发中，我们会用到封装后的库gl-matrix。 gl-matrix简介： 示例

其中的API方法的说明官方网址：WebGLRenderingContext 缓冲区对象(buffer object) 紧接上一篇的问题，其实通过片元着色器可以修改点的颜色，但是会发现每一次颜色的都是一

Canvas 引入<canvas>标签，允许JavaScript动态地绘制图形。 三步走: 获取<canvas>元素、获取绘图上下文、开始绘图 clear()清空  颜色缓冲区、深度缓冲区、模版缓冲区