© 2013 FHNW / IVGI

WebGL für Geo in 5 Minuten!

Martin Christen, martin.christen@fhnw.ch Fachhochschule Nordwestschweiz

Institut Vermessung und Geoinformation

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

WebGL

•  WebGL ist ein Industriestandard, welcher von der WebGL Working Group (Mitglieder: Apple, Google, Mozilla, Opera, ...) spezifiziert wird.

•  WebGL erlaubt voll programmierbare 3D-Grafik im Web-Browser, ohne Verwendung von Plugins, unter Verwendung von JavaScript & GLSL

•  WebGL basiert auf OpenGL ES 2 (angepasst für JavaScript)

•  Die Spezifikation (Version 1.0) wurde am 3. März 2011 veröffentlicht. (Erste Experimente Canvas3D: 2006 im Firefox)

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

WebGL Support (Stand: Juli 2013)

•  WebGL Applikationen laufen Plug-In frei in allen modernen, WebGL fähigen Browsern.

Ø  Firefox (Version 4+, Desktop & Android)

Ø  Chrome (Version 9+, Desktop)

Ø  Safari (Version 6+, nur MacOS)

Ø  Opera (Version 11+, Desktop & Android)

Ø  Neu: Internet Explorer (Version 11+)

WebGL für Geo - 3.Juli 2013 - GeoBeer 3

Ausführbar ohne Plug-In

© 2013 FHNW / IVGI

WebGL Globe (Chrome Experiments)

Beispiel: World Population Autor: Google Data Arts Team

http://www.chromeexperiments.com/globe

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

Geoid Viewer

Autor: Laboratorio di Geomatica, Como http://geomatica.como.polimi.it/elab/geoid/geoidViewer.html

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

F4 Map (OpenStreetMap 3D mit WebGL)

F4 Map http://map.f4-group.com/

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

OpenWebGlobe

WebGL für Geo - 3.Juli 2013 - GeoBeer 7

•  Höhen- und Bilddaten

•  POIs

•  3D Modelle

•  HTML5 Canvas Element

•  Bildüberlagerungen

•  Punktwolken

•  …

© 2013 FHNW / IVGI

OpenWebGlobe – world.openwebglobe.org

WebGL für Geo - 3.Juli 2013 - GeoBeer

Autor: FHNW IVGI http://www.openwebglobe.org

© 2013 FHNW / IVGI

SwizzQuiz – http://www.openwebglobe.org/game

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

here.com (Nokia) in 3D (WebGL)

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

Google Maps (WebGL)

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

Web IDE für processing.js:

http://matrix.senecac.on.ca/~asalga/pjswebide/

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

Three.js - http://threejs.org/ OpenSource 3D Bibliothek

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

Weitere Informationen

•  http://www.khronos.org/webgl

•  http://www.khronos.org/webgl/wiki/Main_Page

•  http://www.khronos.org/webgl/security/

•  https://github.com/KhronosGroup/WebGL

WebGL für Geo - 3.Juli 2013 - GeoBeer

© 2013 FHNW / IVGI

Vielen Dank! mehr Infos:

Twitter @MartinChristen LinkedIn/Google+/GoogleTalk: martin.christen@gmail.com

GitHub: martinchristen

Folien: http://www.martinchristen.ch

(Mehr über WebGL: Webilea 11. September 2013 in Basel)

WebGL für Geo - 3.Juli 2013 - GeoBeer