Web可视化

向量 向量既有长短又有方向，在 WebGL 中，向量可以代表一段位移，可以表示光照的角度等。 向量长度 向量长度公式如下所示： $$ \vec v 的长度 = \sqrt {x^2 + y^2} $$

GLSL - OpenGL Shading Language 也称作 GLslang，是一个类C语言的。当我们想要调用 GPU 的能力的时候就需要使用 GLSL，因为 GPU 是识别不了 JS 的。

坐标系 WebGL 的坐标系不同于普通的 canvas。 首先我们来看一下 canvas2D 坐标系： 它的原点在左上角，X 轴正方向朝右，Y 轴正方向朝下，canvas 的长宽是按照像素大小进行绘制

计算机图形系统基础 想要学好 WebGL，我们必须先理解一些基本概念和原理，所以需要先了解计算机图形系统及绘图原理。 图形系统构成 输入设备 CPU（Central Processing Unit）：

RGB 与 RGBA RGB RGB 颜色的十六进制由六位十六进制数字组成的，形式如 #RRGGBB，其中 RR、GG、BB 分别是两位十六进制数字，分别表示红、绿、蓝三原色通道的色阶。 色阶可以表示

三角剖分 三角剖分（Triangulation）是图形学中一个非常重要的基本操作，就是将多边形分割成若干个三角形的操作。 注意这里为什么讨论的是多边形呢，相信从前面的文章中实现曲线绘制的过程也能得知，

Canvas2D 坐标系 首先，坐标系的问题需要解决，Canvas2D 画布的坐标原点在屏幕的左上角，右下角则为画布的宽高。但是这样的坐标系会让我们有些别扭，不过我们可以使用一些 API 来对坐标系进

Web 前端与可视化的区别 可视化是将数据组织成易于为人所理解和认知的结构，然后用图形的方式形象地呈现出来的理论、方法和技术。 Web 前端主要是以 HTML 来描述结构。以 CSS 来描述表现，以