CSGrandeur的WebGL学习——WebGL教程

在线查看：http://csgrandeur.gitbooks.io/webgl-learn/content/

离线mobi：http://files.cnblogs.com/files/CSGrandeur/csgrandeur-webgl-learn_mobi_20150520.rar

离线pdf：http://files.cnblogs.com/files/CSGrandeur/csgrandeur-webgl-learn_20150520.pdf

在线版本会及时更新，离线版本在有较大改动时更新。

第一章（目前只有一章）内容来自 Learning WebGL ，他的网站是：http://learningwebgl.com。我修改了代码适用到gl-matrix 2.x的版本，把操做dom的代码改为jQuery了。教程没有纯翻译，看着原版理解着写着，不明白的问题在搜了以后补充上了，本身以为太明白的问题删减掉了。

以后学习的内容会开辟新的章节更新。若有问题欢迎指正。

——————————如下是教程前言——————————

简介

WebGL是什么

HTML5是当前HTML的新标准，其中一个特性就能够用JavaScript写调用显卡的程序，在新的网页元素Canvas上显示华丽的3D效果，开发WebGL主要使用 JavaScript语言。

我学WebGL目前有两点目的：

1. Web应该是跨平台最舒服的手段了，没有哪一个现代操做系统（哪怕手机系统）不配浏览器吧，HTML5的到来，感受Web前途一片光明。
2. JavaScript开发3D好像舒服不少啊，用C++写OpenGL，编译老半天，调试一步一步扯得蛋疼。

固然这两点目的可能很傻很天真，不过学点有用的东西老是好的，也没必要太较真儿了。

学习WebGL须要什么基础

开始学习WebGL时个人基础：

• 具有一点PHP、HTML、JS的基础知识，作过几个Web的小项目。
• 作过几年程序设计竞赛，对C/C++语言还算比较熟悉。
• 跟着《OpenGL编程指南》第八版学过一点入门知识，懵懂了解可编程渲染管线的概念。

建议：

• 至少具有一些基本的编程技能，理解变量、函数等基础知识。
• 没必要担忧对Web相关领域的陌生，毕竟那不是重点，也不会成为学习WebGL过程当中的难点。
• WebGL的学习过程和OpenGL是类似相通的，因此也没必要担忧是否须要OpenGL的基础知识

这本书干什么

这本书是我学习WebGL过程的记录，会根据学习的经验写成教程的形式。

第一章是“Learning WebGL”的内容，部分是翻译，部分是本身不懂的地方查阅资料补充的，也省略了一些以为没必要解释过细的内容，能够理解为“Learning WebGL”的一个中文版。以后学习的内容会开辟新的章节。

这本书的GitBook主页：https://www.gitbook.com/book/csgrandeur/webgl-learn

对应的Github主页：https://github.com/CSGrandeur/csgrandeur-webgl-learn

代码演示：http://csgrandeur.github.io/WebGL_Learn_Code

初学者，不免有错误与疏漏，欢迎指正，我会及时修改更新。

参考

Learning WebGL 他的网站是：http://learningwebgl.com 。