Your SlideShare is downloading. ×
WebGL demos showcase
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

WebGL demos showcase

1,893
views

Published on

Published in: Technology, News & Politics

0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,893
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
8
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WebGL Demos showcase2011/12/9 @yukio_andoh
  • 2. HistoryVRML X3D Canvas3D OpenGL ES Google o3d WebGL
  • 3. get.webgl.org
  • 4. IEWebGL
  • 5. Pros and Consof Using WebGL DOM Canvas OpenGL ES + GLSL
  • 6. WebGL on iOS (iAd)
  • 7. WebGL Bookcasehttp://workshop.chromeexperiments.com/bookcase
  • 8. Google Bodyhttp://www.zygotebody.com/
  • 9. WebGL Experimentshttp://www.chromeexperiments.com/webgl
  • 10. WebGL samples (google code)http://code.google.com/p/webglsamples/
  • 11. PlayWebGLhttp://playwebgl.com/
  • 12. Emberwind (HTML5 or WebGL)http://operasoftware.github.com/
  • 13. Demo Repositoryhttp://www.khronos.org/webgl/wiki/Demo_Repository
  • 14. WebGL Earthhttp://www.webglearth.com/
  • 15. Google MapsGLhttp://maps.google.com/gl
  • 16. procedural cityhttp://alteredqualia.com/three/examples/webgl_city.html
  • 17. WebGL+3D printerhttp://www.myrobotnation.com/
  • 18. My Robot Nation / KODAMA Studios : 3D http://www.myrobotnation.com/
  • 19. Resouces
  • 20. WebGL playgroundhttp://webglplayground.net/
  • 21. WebGLReferenceCardhttp://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf
  • 22. WebGL Inspectorhttp://benvanik.github.com/WebGL-Inspector/
  • 23. WebGL Conformancehttps://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/sdk/tests/webgl-conformance-tests.html
  • 24. 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/
  • 25. 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/
  • 26. LEARNING WEBGLhttp://learningwebgl.com/blog/
  • 27. Khronoshttp://www.khronos.org/
  • 28. educationUseful science data visualization fine arts and more !Art music video demo sceneAd promotion banner storytelling
  • 29. Story boarding and DesignDesigning for ResponsivenessDesigning for SerendipityKnowing Your AudienceModeling and GeometryThe Complexity BudgetModeling and ConversionStructuring Models to Improve PerformanceManaging Scene ComplexityLayoutCull VolumesNavigation and interfaceAnimation and MorphingLighting for moodSound designing for ambienceEffect
  • 30. Demoscene +WebGLSlides on the Demosceneand WebGL demo effectshttp://adrianboeing.blogspot.com/2011/05/slides-on-demoscene-and-webgl-demo.htmlTHE DEVELOPING WEBGLDEMOSCENEhttp://nooshu.com/the-developing-webgl-demosceneThe Demo Scenehttp://thedemoscene.tumblr.com/@TheDemoScene
  • 31. Thank you. @yukio_andoh