webGL背景知识

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lzwdlut/article/details/51919600

最近部门技术规划，需要了解一些webGL技术，看是否用到后续的项目中。所以，在网上查了相关资料，并准备初步入门测试一下。后面可能会把学习笔记整理到blog上进行备份。

简介

1.WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。
来源
2.WebGL - 为互联网生而的OpenGL ES 2.0
WebGL 是免授权费的，跨平台的应用程序接口API，它将OpenGL ES 2.0作为在HTML网页内的3D绘图环境，作为低级别文档对象模型接口开放。它使用OpenGL渲染语言GLSL ES，并可被整洁地与其他3D内容上层或下层的网页内容捆绑。它是使用JavaScript编程开发语言开发适合动态3D网页应用的理想工具，并已被主流互联网浏览器集成。webGL来自Khronos Group

来源
3.Khronos Group
Khronos Group团队成立于 2000 年 1 月，由包括 3Dlabs, ATI, Discreet, Evans & Sutherland, Intel, Nvidia, SGI 和 Sun Microsystems 在内的多家国际知名多媒体行业领导者创立，致力于发展开放标准的应用程序接口 API ，以实现在多种平台和终端设备上的富媒体创作、加速和回放。包括各方面的技术

Khronos Group 网站
你可以在Khronos Group网站上找到很多资料。它的官方github站上也有很多说明、测试东西。official github

学习资料

1. 最原始的学习资料是webGL的源程序和一些开源的项目。github上有很多开源项目，可以下载源代码.
   github搜索webGL

学习难度*

其中我准备学习的，被中文用烂的所谓《从入门到精通》的资料来自github开源项目.这是Giles Thomas整理并完善的（牛人）,他还有几个其他有关webGL的项目
其中，他的tutorial的中文版已经被人翻译过了，网站貌似多年未更新了，不过仍然有很多学习资料。中文例子

学习难度*

国内有个专门的网站，类似新东方、传智播客等培训机构。它主要是针对webGL的另一个封装好的接口three.js（github源码,目前仍然在不断更新）进行讲解。据说，比直接用webGL的API方便多了。不交钱的话，可以学习他的免费课程。(人家创业不易，如果想通过webGL赚点钱的话，可以交钱上个课程，学专业了，跟人合作赚点钱吧)webGL中文网.

学习难度*

另外，各大论坛上(csdn…)都有很多webGL资料和例子，大家可以学习,百度之。

因为我也刚准备学，所以找到这两个学习资料，就不再深挖了。等到达到基础水平，再进行其他资料的搜集。