学习WebGL的各种资源、参考材料、教程、和精彩的创新演示

转自 BillL[Google] 谷歌开发者社区

====>  很多学习WebGL的各种资源、参考材料、教程、和精彩的创新演示：

• 学什么、如何学：Stackoverflow上有人几句话的介绍：http://stackoverflow.com/questions/11966779/should-i-start-learning-webgl-or-use-three-js
• WebGL 1.0 开发接口快速参照表 (WebGL 1.0 Reference Card)：http://www.html5gamedevelopment.org/html5-game-tutorials/2012-03-webgl-reference-card (不知道这个网页在国内是否被封的，所以这里我把这个文档为大家贴在这里。你们可以下载了随时方便地用)；
• Open GL ES 规范文档：2.0 版本：http://www.khronos.org/opengles/sdk/docs/man/ 3.0版本：http://www.khronos.org/opengles/sdk/docs/man3/
• 学习WebGL网站上的博客文章：http://learningwebgl.com/blog/  (不知道这个网页在国内是否是被封的，如果是，告诉我，我把内容下载下来为大家贴在这里)；
• 一个介绍WebGL的很好的视频课程：http://www.youtube.com/watch?v=me3BviH3nZc (这个是在Youtube上的，所以大家需要先帆樯后才能看，好像Youku上也有个copy);
• 学习WebGL网站上的的很多很好的通俗易懂的课程：http://learningwebgl.com/blog/?page_id=1217
• 上面这些课程的中文版 - 非常方便我们中国的开发者们进行自学：http://www.hiwebgl.com/?p=42
• Khronos网站所维护的各种WebGL的资源：http://www.khronos.org/webgl/:  WebGL 1.0 规范文档：https://www.khronos.org/registry/webgl/specs/1.0/
• Khronos网站上的课程和演示：http://www.khronos.org/webgl/wiki/Tutorial
• NetTuts网站上学习WebGL的3个课程系列：1) http://net.tutsplus.com/tutorials/webgl-essentials-part-i/ 和 2) http://net.tutsplus.com/articles/news/webgl-essentials-part-ii/  和 3) http://net.tutsplus.com/tutorials/other/webgl-essentials-part-iii/
• Rodrigo Slveira的视频开发介绍：http://rodrigo-silveira.com/webgl-101-video-lesson-tutorial/
• 另外一个介绍WebGL的博客、包括一些视频课程：http://dev.opera.com/articles/view/raw-webgl-part1-getting-started/
• 大量的学习WebGL的资源：http://planet-webgl.org/
• 开源浏览器项目Chromium的博客里介绍WebGL的文章 (这个博客网站是基于谷歌的Bloger的，所以可能是被封的，需要帆樯)： http://blog.chromium.org/search/label/webgl
• 我的同事Gregg Tavares、也是全球WebGL的专家，他也是我们中国最大的游戏大会ChinaJoy在去年邀请来上海在GDC上做演讲的嘉宾，所写的介绍WebGL的博客文章：http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/
• Gregg Tavares所写的介绍WebGL的二维图像技术的文章：http://www.html5rocks.com/en/tutorials/webgl/webgl_transforms/
• Gregg Tavares所写的介绍WebGL的三维图象转换技术的文章：http://www.html5rocks.com/en/tutorials/webgl/webgl_transforms/
• Ilmari Heikkinen写的利用WebGL放环绕音响效果的介绍文章：http://www.html5rocks.com/en/tutorials/webaudio/positional_audio/
• 之前在谷歌的一位做HTML5技术推广的同事Lilli Thompson写的利用Chrome的工具进行WebGL游戏开发的介绍文章：http://www.html5rocks.com/en/tutorials/games/abouttracing/
• 我的另一位同事Brandon Jones 的博客，很多介绍WebGL技术的 (这个博客网站是基于谷歌的Bloger的，所以可能是被封的，需要帆樯)：http://blog.tojicode.com/

看上面这些文章需要不少时间静下心来好好学习一番，好，这里为大家打打气，先让你们大家看看WebGL到底可以让你开发出什么样的东西来，你就知道，学习了这些技术后的威力：这里为你们分享一些非常酷的开发演示：

• 介绍很多极酷的用WebGL开发创新的案例的博客：http://www.hongkiat.com/blog/webgl-chrome-experiments/
• 48个被称为可以把Flash给扫地出门的WebGL创新演示：http://www.hongkiat.com/blog/48-excellent-html5-demos/
• 介绍WebGL 渲染技术(Shader Effect) 的文章和演示：https://www.scirra.com/blog/95/webgl-shader-effects-in-construct-2
• Ilmari Heikkinen的开发演示：http://fhtr.org/
• Rodrigo Slveira的开发尝试的一些演示： http://rodrigo-silveira.com/webgl-3d-demos/
• 用开发的一个Quake 3的虚拟世界的演示：http://media.tojicode.com/q3bsp/   以及Rodrigo Slveira的介绍短文：http://rodrigo-silveira.com/webgl-quake/
• 显示照片的地球演示：http://studio.html5rocks.com/samples/globe/index.html