WebGL学习笔记--WebGL入门

• 什么是WebGL?

  全称是Web Graphics Library，是一个javascript API，用于在支持的浏览器中呈现高性能的交互式2D和3D图形，而不需要依赖任何插件。

使用WebGL有几大优势：

1. 只需要一个文本编辑器和一个浏览器，就可以编写三维程序了。

2. 你可以使用通用的Web技术发布3D应用，非常容易地在互联网上发布和分享。所谓通用的Web技术就是HTML、javascript，任何一位web开发者都对它再熟悉不过了。

3. 浏览器是一个非常重要信息和应用平台，具有跨平台、应用无处不在的特性，你可以充分利用浏览器的功能。

• 什么是Shader，为什么需要shader？

  shader就是着色器，是实现2D&3D图形渲染的可编辑程序，它运行在GPU（图形处理器）上，我个人理解着色器程序是运行在显卡上的，它实际上就是一套流水线渲染流程，从输入数据开始经过一个个处理节点最终输出图形到显示设备。着色器强调的是可编程这个特性，它是相对于传统的固定渲染管线来说的，实际上着色器就是为了替代固定渲染管线，也称为可编程渲染管线，由于它的可编程特性使其可以实现各种图形效果而不受固定管线的限制，这也是如今图形学画质质量越来越高的原因。

image

• WebGL应用处理流程

  典型的WebGL应用执行流程如下：

image.png

参考书籍《WebGL编程指南》