3D ist in aller Munde. Ob 3D-Kinofilme, Fernseher oder Blu-Ray-Discs, der Trend ist nicht mehr zu stoppen. Selbstverständlich macht er auch vor dem Web nicht Halt. In dieser Session lernen wir Technologien wie WebGL und das High-Level-API X3DOM kennen, mit denen man 3D-Inhalte nahtlos in HTML5-Seiten integrieren kann.

2. Trendthema 3D

3. Photo by m4tik @ flickr.com
Jeder 5.
Kinobesuch entfällt auf einen
3D-Film Quelle: FFA, Mai 2011

4. 2007 2012
ilovetypography.com nike.com/jumpman23/historyofflight

5. 2007 2012
radiantplumbing.com erguvanplatin.com

6. Gegenbeispiele

7. 2012 2369
Apple iPad U.S.S. Enterprise NCC-1701-D
Bildquellen:
a) http://www.ipadshots.com/
b) jaundicedferret via Flickr.com

8. 2012 1996
Windows 8 AOL
Bildquellen:
a) http://onsoftware.en.softonic.com/windows-8-screenshot-tour
b) http://ultramachine.wordpress.com/2012/05/23/historical-backspin/

9. Quo vadis?

10. OpenGL + Web = WebGL

11. WebGL
nutzt OpenGL
WebGL
OpenGL
Grafikkarte

12. WebGL
ist eine Low-Level-API

14. Deklarative
3D-Szenen mit
X3DOM

15. X3DOM
HTML-Seite
X3DOM-JavaScript
X3D-Szene
Sonstige HTML-Elemente

19. WebGL-fähige
Internet-Browser
Firefox
Chrome
Safari
Opera

20. Internet Explorer?

21. Webbrowser-Verbreitung
StatCounter.com, Oktober 2012
34%
33%
23%
8% 2%

22. 99%
aller Rechner mit Internet-Anschluss
haben Flash installiert Millward Brown, Juli 2011

23. X3DOM-Fallback-Modell
X3D
WebGL
Flash 11

24. Demo
Photo by Glenn Halog via Flickr.com

25. Ausblick

27. 35%
aller Deutschen besitzen ein mobiles
Gerät mit Internetfähigkeit
International Telecommunication
Union, September 2012
http://www.broadbandcommision.org

28. 83%
aller Deutschen nutzten im Jahr 2011
das Internet International Telecommunication
Union, September 2012
http://www.broadbandcommision.org

29. Michel Krämer
Fraunhofer IGD
michel.kraemer@igd.fraunhofer.de
@michelkraemer
+Michel Krämer