JUI 2009 O3D Programming
•
1 like•417 views
This document discusses Google's O3D technology, which provides an API for 3D graphics using JavaScript. It can render 3D scenes and objects using different browsers through plugins like Flash, QuickTime, and Canvas. The document demonstrates how to create and manipulate 3D scenes and objects using the O3D API and JSON, and shows examples of integrating 2D graphics with 3D using a Canvas. It encourages programmers to enjoy working with the O3D technology.
More Related Content
Similar to JUI 2009 O3D Programming
Similar to JUI 2009 O3D Programming (20)
Recently uploaded
Recently uploaded (20)
JUI 2009 O3D Programming
- 1. gyuque, Satoshi Ueyama 2009 7 12
- 2. What’s O3D Google 2009 7 12
- 3. What’s O3D Javascript Flash Player object QuickTime plugin IE Firefox, Safari… ActiveX NPAPI Canvas • Flash QT • O3D (Google Gears ) 2009 7 12
- 4. What’s O3D API O3D VRML Direct3D RM API OpenGL Direct3D IM JS ! " HW 2D Canvas ! 2D 2009 7 12
- 5. What’s O3D O3D API !"#$%&"#%$&"&"!!'! !"#(%&"#$$&"&"!!)! !"&&&&"&&&&*&"!!+! !"&&&&"&&&&"&*!!,! 2009 7 12
- 6. What’s Scene Graph 1. scene { ! object { API material(red) { faces { DOM [0,0, 1,0 0,1] } } material(blue) { json faces { [0,2, 3,0 0,4] } } } } 2. 2009 7 12
- 7. Reading Sample Code !"#$%&'(') **+,-#&./ **0#11'2132'#-"24"5$2+60/ **789#2#:""2;< json 2009 7 12
- 8. 2009 7 12
- 9. 2009 7 12
- 10. Working with Scene Graph Transform Transform Transform Material Parent Child DrawList Shape Parent Child Primitive position list: [0,0, 0,1, 1,1] index list: [0,1,2] 2009 7 12
- 11. Working with Scene Graph DOM parent.appendChild( child ); O3D child.parent = parent; ! add append (addShape ) ! t = pack.createObject('Transform'); t.parent = o3dClient.root; 2009 7 12
- 12. Demo - js touch on O3D 2009 7 12
- 13. 2D on O3D Mozilla Party 2D 2009 7 12
- 14. 2D on O3D 2D Canvas provides an interface for drawing text and 2D primitives on a 2D surface. O3D Canvas : 2D API 2009 7 12
- 15. 2D on O3D 2009 7 12
- 16. 2009 7 12
- 17. 2D on O3D Canvas 2009 7 12
- 18. 2D on O3D ?@> @A> BC*D*B*E*F3?@>*G*=4> 8C*D*8*E*GF3@A>*H*=4> • =4> • • Shape =4> Canvas 2009 7 12
- 19. Demo - O3D BallPool O3D Canvas by Mr. doob 2009 7 12
- 20. Demo - O3D BallPool on Internet Explorer 2009 7 12
- 21. Demo - O3D BallPool O3D plugin V8 JS Engine V8 "V8 Demo 2009 7 12
- 22. • • 2D Canvas • API 2009 7 12
- 23. • • 2D Canvas • API 2009 7 12
- 24. Enjoy O3D Programming Thank You. 2009 7 12