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

BillL[Google]

大家好！

我们这个论坛开始有两个月了，可是我注意到这个有关WebGL的版面竟然还没有一个帖子或者有任何人开始这个话题的交流和讨论。这么酷的技术、这么多的创新的机会，我们这个号称八千人的全国谷歌开发者社区竟然没有人关注这个?!  要是那样的话就太可惜了！希望我们中国的谷歌开发者们不要和世界脱节太多，不然就太Out了-  如果中国的互联网业界没有人学习和利用这么好的新型和开放性的技术来进行开发和创新，那真是会非常的可惜。 这里我就来开始第一帖吧，跟大家分享一下国际上各个重要的学习WebGL的资源、参考材料、教程、和很多精彩的创新演示。希望我们中国的谷歌开发者们能够为我们中国的业界带个头，学习了这些技术进行创新，开发出你们酷的和炫的东西来！

Bill

====>  很多学习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
  

Andy.Ma

非常感谢Bill，在Android平台上OpenGl的资料很少，能不能再Android developer网站上提供一些相关OpenGL的知识呢

lionwes

感恩，谢谢Bill提供的资料

thkroc

正需要webGL的资料哈

周紫瞻

谢谢分享，，，

周紫瞻

非常感谢分享，，，come on！！1