十五、附录 D:额外资源

WebGL 是一个新兴的技术,有很多方面。我尽了最大努力在本附录中汇编了良好的补充学习资源。

伙伴网站

您可以在以下地址找到本书的配套网站 :

开始 WebGL

http://www.beginningwebgl.com/

github page(github 页)

https://github . com/bdancilla/begin ningtwebgl

由于网络的不稳定性,很快会产生死链、过时的资源或涌现的新资源,请参考配套网站,了解本附录中列出的资源的最新版本。

主题

这里列出了本书中提到的许多技术的更多资源(按字母顺序排列)。

Ajax

XMLHttpRequest 规范

http://www.w3.org/TR/XMLHttpRequest/

Mozilla XMLHttpRequest 页面

https://developer . Mozilla . org/En/XMLHttpRequest/Using _ XMLHttpRequest

调试

Khronos 调试 wiki 页

http://www.khronos.org/webgl/wiki/Debugging

WebGL 检查器

http://benvanik . github . com/webgl-inspector/

我们给了

尖端的 Chrome WebGL 实验

http://www.chromeexperiments.com/webgl

Khronos 演示资源库

http://www.khronos.org/webgl/wiki/Demo_Repository

不错的水演示

http://madebyevan.com/webgl-water/

HTML

HTML 5 和 4 的区别

http://www . w3 . org/tr/html 5-diff/

画布元素

http://www.w3.org/TR/html5/the-canvas-element.html

JavaScript〔t0〕〔t1〕

道格拉斯·克洛克福特网站

http://javascript.crockford.com/

框架

http://jquery.com/

数据

http://www.json.org/

灯,MAMP ,WAMPT3

马姆普

http://www.mamp.info/en/index.html

XAMPP(洗发精)

http://www.apachefriends.org/en/index.html

EasyPHP

http://www.easyphp.org/

比特南

http://bitnami.org/

欧佩克

http://sourceforge.net/projects/opew/

浏览器设置调整

https://github . com/mrdoob/three . js/wiki/How-to-run-things-locally

库和框架

框架列表

http://www . khronos . org/webgl/wiki/user _ contributions

GLGE

项目页面

http://www.glge.org

辅导的

http://www . rozengain . com/blog/2010/06/23/hands-on-web GL-basic-glge-tutorial/

菲洛勒

项目页面

http://www.senchalabs.org/philogl/

资源

http://www . slide share . net/Philo GB/leaving-flatland-getting-started-with-web GL-sxsw-2012

三个。JS

项目页面

https://mrdoob . github . com/3 . js/

文件

http://mrdoob.github.com/three.js/docs/latest/

维基网

https://github . com/mrdoob/3 . js/wiki

学习资源:Paul Lewis

http://aerotwist.com/tutorials/

学习资源:Jerome Etienne

http://learninthreejs . com/

整体物体的漂亮图表

http://ushiroad.com/3j/

http://www.12devsofxmas.co.uk/2012/01/webgl-and-three-js/

照明

直接照明模型

http://www . lighthouse 3d . com/tutorials/glsl-tutorial/directional-lights-ii/

http://www.ozone3d.net/tutorials/glsl_lighting_phong_p3.php

Phong 反射模型

http://en.wikipedia.org/wiki/Phong_reflection_model

图 3-13 是 http://en . Wikipedia . org/wiki/File:Phong _ components _ version _ 4 . png 的变体,它在 GNU 自由文档许可证下获得许可

全局照明模型

http://http . developer . NVIDIA . com/gpugems 2/gpugems 2 _ chapter 38 . html

环境遮挡

http://http . download . NVIDIA . com/developer/GPU _ Gems _ 2/GPU _ Gems 2 _ ch14 . pdf

http://en.wikipedia.org/wiki/Screen_Space_Ambient_Occlusion

http://www . game rendering . com/category/lighting/ssao-lighting/

反射和折射

http://http . developer . NVIDIA . com/gpugems 3/gpugems 3 _ ch17 . html

http://http . developer . NVIDIA . com/gpugems 2/gpugems 2 _ chapter 19 . html

阴影映射

http://fabiensangard . net/shadow mapping/index . PHP

数学

Wolfram Mathworld(黑钨矿)

http://mathworld.wolfram.com

分形

http://users.erols.com/ziring/mandel.html

http://66.39.71.195/Derbyshire/manguide.html

http://davis.wpi.edu/∼matt/courses/fractals/index.htm

http://www.fractalforums.com/

矩阵和向量库

gl-matrix.js

https://github.com/toji/gl 矩阵

西尔威斯特

http://sylvester.jcoglan.com/

webgl mj

http://code . Google . com/p/webgl-mj/

基准

http://stepheneb . github . com/web GL-matrix-benchmarks/matrix _ benchmark . html

网格文件格式

波前(obj)格式

http://en . Wikipedia . org/wiki/wave front _ obj

格式化整理

http://en . Wikipedia . org/wiki/collada

Three.js 内部 JSON 格式

https://github . com/mrdoob/three . js/wiki/JSON-Model-format-3.0

性能和最佳实践

Mozilla 开发者网络最佳实践

https://developer.mozilla.org/en/WebGL/WebGL_best_practices

Gregg Tavares 谷歌 I/O 2011

http://www . YouTube . com/watch?v=rfQ8rKGTVlg

http://games . greggman . com/game/web GL-techniques-and-performance/

http://static . Google user content . com/external _ content/untrusted _ dlcp/www . Google . com/en//events/io/2011/static/notes files/webgltechnizandperformancenotes . pdf

使用关于进行分析:跟踪

http://www.html5rocks.com/en/tutorials/games/abouttracing/

物理

学问

http://www.physicsclassroom.com

WebGL 演示

http://www.ibiblio.org/e-notes/webgl/gpu/contents.htm

Javascript 库:

2D 港口

http://code.google.com/p/box2dweb/

https://github . com/kri pke/box 2d . js

子弹港

https://github . com/kri pke/ammo . js/

大炮

https://github . com/text PPE/cannon . js

物理学家

http://chanderprall . github . com/physij/

教程

http://creative js . com/2011/09/box2d-JavaScript-tutorial-series-by-Seth-ladd/

http://learning three js . com/blog/2012/06/05/3d-physics-with-three-js-and-physijs/

http://www . html 5 gamedevs . com/2012/01/18/web GL-bullet-js-experiences-history-programming-slides/

WebGL

当前浏览器支持

http://caniuse . com/# search = webgl

Khronos 集团维基

http://www . khronos . org/webgl/wiki/main _ page

http://www . khronos . org/web GL/wiki/Tutorial # Creating _ the _ Shaders

WebGL 规范

http://www.khronos.org/registry/webgl/specs/latest/

学习 WebGL

http://learningwebgl.com/blog/

Mozilla 开发人员区域

https://developer . Mozilla . org/en/webgl

Opera 开发者区

http://dev . opera . com/articles/view/porting-3d-graphics-to-the-web-web GL-intro-part-2/

参考卡

http://www . khronos . org/files/web GL/web GL-reference-card-1 _ 0 . pdf

报告

http://www.khronos.org/webgl/wiki/Presentations

教程

http://www.html5rocks.com/en/features/graphics

混合

http://mrdoob . com/lab/JavaScript/web GL/blending/blend func . html

WebGL 未来

挑战和预测

http://www.irrlicht3d.org/pivot/entry.php?id=1255

http://code flow . org/entries/2011/sep/11/web GL-and-html 5-挑战未来/

http://www . tnl . net/blog/2011/10/23/web GL-and-the-future-of-the-web/

支持统计

http://www.riastats.com/

http://weblstat . com/

扩展注册表

http://www.khronos.org/registry/webgl/extensions/

WebGL SL (OpenGL 是 SL)

OpenGL ES 2.0 着色语言版本 1.0

http://www . khronos . org/registry/gles/specs/2.0/GLSL _ ES _ Specification _ 1 . 0 . 17 . pdf

提供 WebGL 快速参考卡

http://www . khronos . org/files/web GL/web GL-reference-card-1 _ 0 . pdf

在线 GLSL 编辑

http://weblplayground . net/

http://spidergl.org/meshade/

http://www . kickjs . org/example/shader _ editor/shader _ editor . html

现有着色器

http://code . Google . com/p/GL slang-library/source/browse/trunk/trunk/GL slang/shaders/material/