3D-Visualisierung im Internet mit HTML5, WebGL und X3DOM

Post on 20-Jan-2015

2.431 views 1 download

description

Präsentation vom Workshop 3D-Stadtmodelle in Bonn am 08.11.2011. Mit den neuen Technologien HTML5, WebGL und X3DOM ist es möglich 3D-Daten im Internet-Browser zu visualisieren ohne ein zusätzliches Plugin installieren zu müssen.

Transcript of 3D-Visualisierung im Internet mit HTML5, WebGL und X3DOM

WebGL und X3DOM zur web-basierten3D-Visualisierung in HTML5Michel Krämer

Trendthema 3D

Jeder 5.

Photo by m4tik @ flickr.com

Kinobesuch entfällt auf einen

3D-FilmQuelle: FFA, Mai 2011

2007 2011

ilovetypography.com nike.com/jumpman23/historyofflight

2007 2011

radiantplumbing.com erguvanplatin.com

Quo vadis?

3D-Spiele

3D-Software

OpenGL + Web = WebGL

OpenGL

WebGL

Grafikkarte

nutzt OpenGLWebGL

WebGList eine Low-Level-API

X3DOMDeklarative3D-Szenen mit

X3DOM

X3DOM-JavaScript

HTML-Seite

X3D-Szene

Sonstige HTML-Elemente

Demo

Demo

WebGL-fähige

FirefoxChromeSafari

Internet-Browser

Internet Explorer?

Webbrowser-VerbreitungStatCounter.com, Oktober 2011

41%

26% 25%

6% 2%

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

9

X3DOM-Fallback-Modell

X3D

WebGL

Flash 11

3D-Stadtmodelleim Internet?

Image by GTA Geoinformatik GmbH

Demo

3D-Datenbank

in einer Datenbank3D-Stadtmodell

CityServer3D

Browser

3D-Datenbank

von weiteren DatenIntegration

CityServer3D

Browser

Sonstige Daten

Ausblick

23%aller Deutschen ab 13 Jahren besitzenein Smartphone Comscore, September-November 2010

75%aller Deutschen ab 10 Jahren nutzendas Internet Statistisches Bundesamt, 2010

Michel KrämerFraunhofer IGDFraunhoferstraße 564283 Darmstadt06151 155 415michel.kraemer@igd.fraunhofer.de