本文转自:http://www.hiwebgl.com/?p=42
WebGL中文教程
- Lesson 0 从零开始
- Lesson 1 三角与方块的故事
- Lesson 2 添加颜色
- Lesson 3 动起来!
- Lesson 4 真正的3D物体
- Lesson 5 引入纹理
- Lesson 6 键盘输入和纹理过滤
- Lesson 7 平行光和环境光
- Lesson 8 深度缓存、透明度和混合
- Lesson 9 优化代码结构实现多物体运动
- Lesson 10 载入世界,以及相机简介
- Lesson 11 球体、旋转矩阵和鼠标事件
- Lesson 12 点光源
- Lesson 13 片元级光照与多program对象
- Lesson 14 镜面高光和载入JSON模型
- Lesson 15 高光贴图
- Lesson 16 渲染到纹理
第1课至第16课所有教程实例打包下载:
115网盘下载:http://115.com/file/dn34mx83#
新浪微博微盘下载:http://vdisk.weibo.com/s/1tsZE/1323662911
作为目前最好的学习WebGL的网站之一,LearingWebGL.com的作者Giles Thomas提供了一系列通俗易懂、由浅入深的教程,并配有配套的代码实例。长期以来国内还没有相应的WebGL中文教程。因此HiWebGL决定正式启动教程翻译工程!
今后HiWebGL将会陆陆续续的更新中文版的WebGL教程。翻译的内容主要是基于LearningWebGL.com的教程。但由于原文最后更新于2011年3月,其中部分章节已经不适合现在的情况(例如Mac OS X的最新版本已经由Snow Leopard升为Lion、Firefox 6.0已经开始将大部分的Linux下的显卡驱动移除出黑名单等),并且一些内容不适合中国本地情况,我们将会酌情进行适量的修改,以适应目前中国开发者的开发环境。
另外,因为译者个人方便的原因,我们将原教程中的第三方图形库由glMatrix改为Oak3D实现,这不影响到Demo的最终效果和实现,也不影响到WebGL的讲解和学习。原教程正文中相应的代码和讲解也为做了相应修改。
关于Oak3D:Oak3D是一套简单易用、性能优越的WebGL Javascript Library。您可以在他们的主页找到更多信息。
Oak3D主页:http://www.oak3d.com/
由于原文基于 Creative Commons Attribution/Share-Alike license,我们的中文翻译也将继承这一协议,欢迎转载或修改并请标明出处。
最后感谢Giles Thomas给我们带来了如此精彩的教程!