WebGL ist ein industrieller Standard für programmierbare 3D-Grafik im Web-Browser, der ohne Plugins auskommt und auf OpenGL ES 2 basiert. Es ermöglicht Anwendungen in modernen Browsern wie Firefox, Chrome, Safari, Opera und Internet Explorer. Beispiele für WebGL-Anwendungen umfassen interaktive 3D-Karten und Visualisierungen, darunter Google Maps und OpenWebGlobe.

1. WebGL für Geo in 5 Minuten!
Martin Christen, martin.christen@fhnw.ch
Fachhochschule Nordwestschweiz
Institut Vermessung und Geoinformation
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

2. 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)
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

3. 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+)
Ausführbar ohne Plug-In
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer
3

4. WebGL Globe (Chrome Experiments)
Beispiel: World Population
Autor: Google Data Arts Team
http://www.chromeexperiments.com/globe
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

5. Geoid Viewer
Autor: Laboratorio di Geomatica, Como
http://geomatica.como.polimi.it/elab/geoid/geoidViewer.html
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

6. F4 Map (OpenStreetMap 3D mit WebGL)
F4 Map
http://map.f4-group.com/
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

7. OpenWebGlobe
• Höhen- und Bilddaten
• POIs
• 3D Modelle
• HTML5 Canvas Element
• Bildüberlagerungen
• Punktwolken
• …
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer
7

8. OpenWebGlobe – world.openwebglobe.org
Autor: FHNW IVGI
http://www.openwebglobe.org
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

9. SwizzQuiz – http://www.openwebglobe.org/game
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

10. here.com (Nokia) in 3D (WebGL)
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

11. Google Maps (WebGL)
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

12. Web IDE für processing.js:
http://matrix.senecac.on.ca/~asalga/pjswebide/
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

13. Three.js - http://threejs.org/ OpenSource 3D Bibliothek
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

14. 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
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer

15. 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)
© 2013 FHNW / IVGI
WebGL für Geo - 3.Juli 2013 - GeoBeer