webgl

本篇文章在之前学习的基础上，介绍了在 webgl 中，我们如何使用顶点法绘制圆，如何使用索引法绘制圆环~

之前我们已经在《WebGL 使用缓冲区绘制点线面》中通过缓冲区绘制了 webgl 中的基本图元 —— 点、线段和三角形，本文则主要介绍 webgl 中绘制矩形的几种方式

本篇文章在运用之前所学知识制作好一个纯色立方体的基础上，介绍在 webgl 中如何添加上光照的效果~

在之前的文章中我们介绍了视图矩阵，也提到了在 webgl 中，为了最终能在一个 2 维的屏幕上渲染出 3 维的场景，有一个公式：最终顶点的位置 = 投影矩阵 * 视图矩阵 * 模型矩阵 * 顶点的初始

webgl 中，视图矩阵可以帮助我们构建 3 维场景，它有3大要素：视点、目标点和上方向，本文就来介绍下如何推导出视图矩阵。

之前的几篇文章我们一直在用 webgl 绘制一些 2 维的点线面，本篇文章则来介绍如何使用 webgl 绘制一个彩色的正方体~

使用 webgl 绘制的点默认是正方形的，那么要如何绘制一个圆形的点呢？要回答这个问题，我们先来看一下 webgl 是如何绘制一个点的~

在 webgl 中，有一个概念叫做“纹理”，通常就是指二维的栅格图像，而纹理对象就是对栅格图像的封装，给使用 webgl 绘制的几何图形添加背景图片，也就是添加纹理贴图。。。

本文主要介绍 WebGL 中对于图形的形变的控制，包括平移、旋转和缩放。使用的方法包括直接对点做处理和通过矩阵进行变化。

之前我们学习了如何动态地绘制一个点，本文就以之为基础，继续介绍如何使用 webgl 绘制多个点，进而绘制最简单，同时也是最稳定的面 —— 三角面。

本篇文章的任务，是基于之前绘制的点，进一步研究在 webgl 中如何去动态地修改点的位置、大小与颜色。

本篇文章从画一个点入手介绍关于 webgl —— 一个可以结合 h5 和 js 在网页上绘制渲染 3D/2D 图形的 js api 的相关知识，顺便祝大家新春快乐！