学习交流欢迎加群:789723098,博主会将一些demo整理共享
1.什么是WebGL
百度百科给出的解释是:WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,而且不需要任何插件就可以在浏览器端运行。以上定义总结为三点:
(1) WebGL是一种应用于前端的绘图协议;
(2) WebGL以HTML为框架,结合OpengGL ES 2.0 + Javascript进行开发;
(3) 直接调用本机GPU进行3D硬件加速,不需任何插件。
2.开发环境
WebGL对开发环境的要求不是太高,一般只需要一个文本编辑器和一个支持WebGL的浏览器即可,现在主流的浏览器基本都支持WebGL,像google chrome、firefox、safari、Opera、IE10+和win10自带的Edge浏览器都已经支持WebGL,其中以google chrome支持程度最好,其次是firefox,故无论学习练习,还是开发,都建议使用这两款浏览器。因为WebGL主要用JavaScript(以下简称js)进行开发,故用于开发js的IDE都可以用于开发WebGL,推荐两款个人较为喜欢的软件,webstorm和sublime Text。