Dev Fest X (Sapporo) WebGL

5,393 views

Published on

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,393
On SlideShare
0
From Embeds
0
Number of Embeds
3,344
Actions
Shares
0
Downloads
18
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Dev Fest X (Sapporo) WebGL

  1. 1. WebGL & three.js 2012/2/12 @ DevFest X sapporo @yukio_andoh @webos_goodies2012 2 12 1
  2. 2. 2012 2 12 2
  3. 3. HistoryVRML X3D Canvas3D OpenGL ES Google o3d WebGL2012 2 12 3
  4. 4. get.webgl.org2012 2 12 4
  5. 5. IEWebGL2012 2 12 5
  6. 6. Pros and Cons of Using WebGL DOM Canvas OpenGL ES + GLSL2012 2 12 6
  7. 7. WebGL on iOS (iAd) WebGL on Android(firefox)2012 2 12 7
  8. 8. WebGL Bookcase http://workshop.chromeexperiments.com/bookcase2012 2 12 8
  9. 9. Google Body http://www.zygotebody.com/2012 2 12 9
  10. 10. WebGL Experiments http://www.chromeexperiments.com/webgl2012 2 12 10
  11. 11. WebGL samples (google code) http://code.google.com/p/webglsamples/2012 2 12 11
  12. 12. PlayWebGL http://playwebgl.com/2012 2 12 12
  13. 13. Emberwind (HTML5 or WebGL) http://operasoftware.github.com/2012 2 12 13
  14. 14. Demo Repository http://www.khronos.org/webgl/wiki/Demo_Repository2012 2 12 14
  15. 15. WebGL Earth http://www.webglearth.com/2012 2 12 15
  16. 16. Google MapsGL http://maps.google.com/gl2012 2 12 16
  17. 17. procedural city http://alteredqualia.com/three/examples/webgl_city.html2012 2 12 17
  18. 18. WebGL+3D printer http://www.myrobotnation.com/2012 2 12 18
  19. 19. My Robot Nation / KODAMA Studios : 3D http://www.myrobotnation.com/2012 2 12 19
  20. 20. Resouces2012 2 12 20
  21. 21. WebGL playground http://webglplayground.net/2012 2 12 21
  22. 22. WebGL Reference Card http://www.khronos.org/files/ webgl/webgl-reference- card-1_0.pdf2012 2 12 22
  23. 23. WebGL Inspector http://benvanik.github.com/WebGL-Inspector/2012 2 12 23
  24. 24. WebGL Conformance https://cvs.khronos.org/svn/repos/registry/trunk/public/ webgl/sdk/tests/webgl-conformance-tests.html2012 2 12 24
  25. 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/2012 2 12 25
  26. 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/2012 2 12 26
  27. 27. LEARNING WEBGL http://learningwebgl.com/blog/2012 2 12 27
  28. 28. Khronos http://www.khronos.org/2012 2 12 28
  29. 29. education Useful science data visualization fine arts and more ! Art music video demo scene Ad promotion banner storytelling2012 2 12 29
  30. 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 Effect2012 2 12 30
  31. 31. 2012 2 12 31
  32. 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/ @TheDemoScene2012 2 12 32
  33. 33. 2012 2 12 33
  34. 34. Thank you. @yukio_andoh2012 2 12 34

×