====> 很多学习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
相关推荐
webGL开发代码教程 提供兴趣者学习学习学习 资源共享
本次分享的WEBGL视频教程目录如下, 本次分享的WEBGL最新视频第一季主要包括如下内容,全集49集,主要是WEBGL的基础知识,包括基本的几何基础,着色器,渲染等知识,基本上涉及到了WEBGL的基础知识的方方面面!...
《WebGL编程指南》的主要篇幅讲解了WebGL 原生API 和三维图形学的基础知识,包括渲染管线、着色器、矩阵变换、着色器编程语言(GLSL ES)等等,也讲解了使用WebGL 渲染三维场景的一般技巧,如光照、阴影、雾化等等。...
Unity3D如何导出为webGL--教程.zip
每日WebGL教程
webgl文档开发教程
webgl教程+DEMO
本资源是用于本博客webgl分类的学习资料,主要是为了学习webgl的同学课后练习所用,不能作为商业用途
WebGL课程资源,基于three.js。用浏览器渲染技术的初级教程。百度云文件
本资源是用于本博客webgl分类的学习资料,主要是为了学习webgl的同学课后练习所用,不能作为商业用途 不知道怎么才能设置不要分,最低分是1分 如果没分的同学可以加群,里面有资料的
☆ 资源说明:☆ [Apress] HTML5 WebGL 开发基础教程 (英文版) [Apress] Beginning WebGL for HTML5 (E-Book) ☆ 出版信息:☆ [作者信息] Brian Danchilla [出版机构] Apress [出版日期] 2012年08月29日 ...
一个3D的webgl 幻灯片演示程序 供学习参考
Unity通用WebGL模板Universal WebGL Template 1.2.1 仅供学习,请勿商用。
铁文翻译、编写、整理。 由于本人水平有限(英文、数学、3D、3D编程等),难免出错,请勿谩骂;欢迎指正。若错误是被首次指正,则你的大名将会出现在感谢名单中。...已初步完成:《WebGL参考手册》
本书?前可以?把?教你使用WebGL进行编程,?且在不断更 新。
WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统...