原生webgl学习（一） 原生WebGL学习和入门引言

一.笔者自述       

 对于原生WebGL的学习，相信对于很多搞前端图形开发的小伙伴的痛点是花了很多时间，却收效甚微；好在现在存在诸如Three.js、Babylon.js、cesium.js等功能强大和齐全的WebGL第三方库；有了这些第三方库，我们可以用更少的代码构建出绚丽多彩的网络3D应用；那为什么我们还要学习原生的WebGL，原生的WebGL对于我们来说意味着什么？接下来笔者就以自身的学习经历回答这两个问题：

 首先，笔者在学习WebGL是做科研课题的需要，刚开始的时候也是很茫然，不知道怎么学，学了一段时间Three.js，又觉得必须把原生的WebGL学一下，不然不明白Three.js到底是怎么实现的(强迫症患者哈)，于是就学习一段时间的原生WebGL，后来发现用Three.js做科研课题更加合适，里面提供有各种各样的功能，不用自己再去写（ps:如果自己去写这些功能，我可能毕不了业。。。），于是乎我的Three.js越来越进步，用的越来越熟悉；然而，近期身为即将毕业找工作的我，发现很多岗位都要求具备原生的WebGL开发能力，特别是h5渲染引擎的开发，所以峰回路转，我再一次选择学习原生WebGL，于是便决定把自己的学习经历和一些例子分享给广大爱好WebGL开发的道友们，希望我们一起度过原生WebGL的这个劫。

其次，学习原生的WebGL，意味着我们的底层开发能力更上一层楼，如果你再学习一下计算机图形学的相关知识，我们也可以自己动手开发自己的渲染引擎，是不是觉得很高大上？尤其当我们掌握了原生WebGL开发的相关知识，回过头来看哪些第三方库，一切疑惑自然解开了，正所谓“初听不知曲中意， 再听已是曲中人”，你理解了，就自然不会再疑惑它们究竟是怎么实现的。

二.WebGL开发需要准备什么

1.WebGL简介

关于WebGL的介绍，笔者在很早以前写过一篇基础介绍的文章，可以供大家参考：关于WebGL的一些基础性介绍。

2.开发要求<