die 3d-revolution im web

29

Upload: michel-kraemer

Post on 26-Jun-2015

424 views

Category:

Documents


2 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Die 3D-Revolution im Web
Page 2: Die 3D-Revolution im Web

Trendthema 3D

Page 3: Die 3D-Revolution im Web

Jeder 5.

Photo by m4tik @ flickr.com

Kinobesuch entfällt auf einen

3D-FilmQuelle: FFA, Mai 2011

Page 4: Die 3D-Revolution im Web

2007 2012

ilovetypography.com nike.com/jumpman23/historyofflight

Page 5: Die 3D-Revolution im Web

2007 2012

radiantplumbing.com erguvanplatin.com

Page 6: Die 3D-Revolution im Web

Gegenbeispiele

Page 7: Die 3D-Revolution im Web

2012 2369

Apple iPad U.S.S. Enterprise NCC-1701-D

Bildquellen:a) http://www.ipadshots.com/

b) jaundicedferret via Flickr.com

Page 8: Die 3D-Revolution im Web

19962012

AOLWindows 8

Bildquellen:a) http://onsoftware.en.softonic.com/windows-8-screenshot-tour

b) http://ultramachine.wordpress.com/2012/05/23/historical-backspin/

Page 9: Die 3D-Revolution im Web

Quo vadis?

Page 10: Die 3D-Revolution im Web

OpenGL + Web = WebGL

Page 11: Die 3D-Revolution im Web

OpenGL

WebGL

Grafikkarte

nutzt OpenGLWebGL

Page 12: Die 3D-Revolution im Web

WebGList eine Low-Level-API

Page 13: Die 3D-Revolution im Web
Page 14: Die 3D-Revolution im Web

X3DOMDeklarative3D-Szenen mit

Page 15: Die 3D-Revolution im Web

X3DOM

X3DOM-JavaScript

HTML-Seite

X3D-Szene

Sonstige HTML-Elemente

Page 16: Die 3D-Revolution im Web
Page 17: Die 3D-Revolution im Web
Page 18: Die 3D-Revolution im Web
Page 19: Die 3D-Revolution im Web

WebGL-fähige

FirefoxChromeSafari

Internet-Browser

Opera

Page 20: Die 3D-Revolution im Web

Internet Explorer?

Page 21: Die 3D-Revolution im Web

Webbrowser-VerbreitungStatCounter.com, Oktober 2012

34%33%

23%

8% 2%

Page 22: Die 3D-Revolution im Web

9 %aller Rechner mit Internet-Anschlusshaben Flash installiert Millward Brown, Juli 2011

9

Page 23: Die 3D-Revolution im Web

X3DOM-Fallback-Modell

X3D

WebGL

Flash 11

Page 24: Die 3D-Revolution im Web

Photo by Glenn Halog via Flickr.com

Demo

Page 25: Die 3D-Revolution im Web

Ausblick

Page 26: Die 3D-Revolution im Web
Page 27: Die 3D-Revolution im Web

35%aller Deutschen besitzen ein mobilesGerät mit Internetfähigkeit

International TelecommunicationUnion, September 2012

http://www.broadbandcommision.org

Page 28: Die 3D-Revolution im Web

83%aller Deutschen nutzten im Jahr 2011das Internet International Telecommunication

Union, September 2012http://www.broadbandcommision.org

Page 29: Die 3D-Revolution im Web

Michel KrämerFraunhofer [email protected]

@michelkraemer+Michel Krämer