WEBGL 笔记

目录

• 前言

h2 { text-align: center }

前言

WebGL 是一个在浏览器里使用的高效渲染二维和三维图形的 javascript API，于 2006 年起源，该技术基于 OpenGL。我们在网上看到的很多炫酷的三维效果，都是使用 WebGL 实现的。基于它也有相当多的 3D 库，比较著名的有 three.js 、babylon.js ...

我们即便在项目中还是使用成熟的框架，但最终我们还是免有一天来探索一下 Webgl 的原理，本教程特别适合我们去入门学习。

它的代码由 javascript 和 GLSL（OpenGL 着色语言）组成，后者和 C 语言很接近，不过结构很简单，程序员看到都会感觉很熟悉。

WebGL 的代码，除了是使用 javascript 写的之外，其余的基本和前端就没关系了，是一个比较专业的领域。废话不多说，下面几小节内容，将会带大家简单地入门 WebGL。

完整的示例代码，可见 https://github.com/kohunglee/webgl_learn

当然，为了方便学习，下文中每小节的末端也会附上本节程序的【完整代码】 的折叠形式，方便调试。