WebGL demos showcase

  • 1,855 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,855
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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