WebGL 绘制多彩的三角形
Demo 在线地址:https://codepen.io/东流/pen/OJGpzMJ
2D 与 3D
2D 和 3D 可能会被认为是世界不同等级维度,比如纸片人和三维空间,实际上它们主要是人们对于对象的不同特征的描述方式。
2D 表示对象的宽度和高度这两个平面特征,而 3D 除了表示对象的平面特征之外,还包含对象空间特征深度属性。比如下面两张图都只是一个平面上的图形,但是分别描述了对象的不同特征,从而给我们带来了不同的 2D 和 3D 视觉上的不同感受。
WebGL
和 Canvas
的比较
Canvas
: canvas
使用 2D 渲染上下文来绘制图形和图像,是基于像素的绘图系统,通过 Javascript 脚本控制渲染过程
WebGL
: 基于 OpenGL ES 标准的 Javascript API,可以利用 GPU 进行硬件加速的 3D 图像渲染,需要使用着色器编程(shaders
)
WebGL 介绍
WebGL
,即 Web Graphics Library,是一种 3D 绘图协议,这一技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,