This document provides a summary of WebGL demos and resources for using WebGL. It lists the history and evolution of WebGL and 3D graphics technologies. It then provides links to various WebGL demo projects, samples, and frameworks. It also lists resources for learning WebGL such as tutorials and specifications. Finally, it discusses potential applications of WebGL such as for education, data visualization, art, music, and more.

1. WebGL Demos showcase
2011/12/9
@yukio_andoh

3. History
VRML X3D Canvas3D OpenGL ES Google o3d WebGL

4. get.webgl.org

5. IEWebGL

6. Pros and Cons
of Using WebGL
DOM Canvas
OpenGL ES + GLSL

7. WebGL on iOS (iAd)

8. WebGL Bookcase
http://workshop.chromeexperiments.com/bookcase

9. Google Body
http://www.zygotebody.com/

10. WebGL Experiments
http://www.chromeexperiments.com/webgl

11. WebGL samples (google code)
http://code.google.com/p/webglsamples/

12. PlayWebGL
http://playwebgl.com/

13. Emberwind (HTML5 or WebGL)
http://operasoftware.github.com/

14. Demo Repository
http://www.khronos.org/webgl/wiki/Demo_Repository

15. WebGL Earth
http://www.webglearth.com/

16. Google MapsGL
http://maps.google.com/gl

17. procedural city
http://alteredqualia.com/three/examples/webgl_city.html

18. WebGL+3D printer
http://www.myrobotnation.com/

19. My Robot Nation / KODAMA Studios : 3D
http://www.myrobotnation.com/

20. Resouces

21. WebGL playground
http://webglplayground.net/

22. WebGL
Reference
Card
http://www.khronos.org/files/
webgl/webgl-reference-
card-1_0.pdf

23. WebGL Inspector
http://benvanik.github.com/WebGL-Inspector/

24. WebGL Conformance
https://cvs.khronos.org/svn/repos/registry/trunk/public/
webgl/sdk/tests/webgl-conformance-tests.html

25. WebGL frameworks
TDL http://code.google.com/p/threedlibrary/
three.js https://github.com/mrdoob/three.js
CubicVR 3D Engine http://www.cubicvr.org/
CopperLicht http://www.ambiera.com/copperlicht/
PhiloGL http://senchalabs.github.com/philogl/
SpiderGL http://spidergl.org/
GLGE http://www.glge.org/
SceneJS http://www.scenejs.com/

26. WebGL frameworks
& Exporters
C3DL http://www.c3dl.org/
Jax http://blog.jaxgl.com/
StormEngineC http://code.google.com/p/stormenginec/
WebGLU http://sourceforge.net/projects/webglu/
Exporter
inka3d http://www.inka3d.com/
Blender to WebGL http://code.google.com/p/blender-webgl-
exporter/

27. LEARNING WEBGL
http://learningwebgl.com/blog/

28. Khronos
http://www.khronos.org/

29. education
Useful science
data visualization
fine arts
and more !
Art music video
demo scene
Ad promotion
banner
storytelling

30. Story boarding and Design
Designing for Responsiveness
Designing for Serendipity
Knowing Your Audience
Modeling and Geometry
The Complexity Budget
Modeling and Conversion
Structuring Models to Improve Performance
Managing Scene Complexity
Layout
Cull Volumes
Navigation and interface
Animation and Morphing
Lighting for mood
Sound designing for ambience
Effect

32. Demoscene +
WebGL
Slides on the Demoscene
and WebGL demo effects
http://
adrianboeing.blogspot.com/
2011/05/slides-on-
demoscene-and-webgl-
demo.html
THE DEVELOPING WEBGL
DEMOSCENE
http://nooshu.com/the-
developing-webgl-demoscene
The Demo Scene
http://
thedemoscene.tumblr.com/
@TheDemoScene

34. Thank you. @yukio_andoh