Weitere ähnliche Inhalte Ähnlich wie JUI 2009 O3D Programming (20) Kürzlich hochgeladen (20) 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
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
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
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
