imported>Thoken: /* Weblinks */ ohne meteoearth.com 301 weatherpro.com

2025-11-11T11:24:32Z

Weblinks: ohne meteoearth.com 301 weatherpro.com

Neue Seite

{{Infobox Software
| Name = WebGL
| Logo = [[Datei:WebGL Logo.svg|200px]]
| Screenshot =
| Beschreibung = 
| Maintainer =
| Hersteller = [[Khronos Group]]
| Management =
| AktuelleVersion = 2.0
| AktuelleVersionFreigabeDatum = 17. Januar 2017
| AktuelleVorabVersion =
| AktuelleVorabVersionFreigabeDatum =
| Betriebssystem = [[Plattformunabhängigkeit|plattformübergreifend]]
| Programmiersprache =
| Kategorie = [[Programmierschnittstelle]]
| Lizenz = [[Lizenzfreiheit|lizenzfrei]]
| Deutsch = nein
| Website = [https://www.khronos.org/webgl/ www.khronos.org/webgl]
}}

'''WebGL''' (''Web Graphics Library'') ist eine [[JavaScript]]-[[Programmierschnittstelle]], mit deren Hilfe [[Bildsynthese|3D-Grafiken]] [[Hardwarebeschleunigung|hardwarebeschleunigt]] im [[Webbrowser]] ohne zusätzliche Erweiterungen dargestellt werden können.<ref>{{Literatur |Autor=Tony Parisi |Titel=Programming 3D Applications with HTML5 and WebGL |Auflage=1 |Verlag=O’Reilly Media |Ort=Sebastopol |Datum=2014 |ISBN=1-4493-6296-6 |Seiten=3-8 |Sprache=en}}</ref><ref name=":0">{{Internetquelle |url=http://www.golem.de/1012/80188.html |titel=Chrome aktiviert WebGL |autor=Jens Ihlenfeld |werk=Golem.de |datum=2010-12-17 |sprache=de |zugriff=2016-07-26}}</ref>

== Hintergrund und Geschichte ==
WebGL basiert auf [[Open Graphics Library for Embedded Systems|OpenGL ES]] (Version 2.0) im Zusammenspiel mit der Programmiersprache [[JavaScript]], die von der ''[[Khronos Group]]'' und [[Mozilla]] als lizenzfreier Standard entwickelt wird. Die Arbeiten an dem Projekt wurden im April 2009 begonnen.<ref>{{Internetquelle |url=http://www.golem.de/0903/66105.html |titel=3D-API fürs Web |autor=Jens Ihlenfeld |werk=Golem.de |datum=2009-03-25 |sprache=de |zugriff=2016-07-26}}</ref> Im Mai 2010 wurde bekannt gegeben, dass der Webbrowser ''[[Google Chrome|Google]]'' [[Google Chrome|Chrome]] den Standard ebenfalls unterstützen wird.<ref>{{Internetquelle |url=http://www.golem.de/1005/75015.html |titel=Google stellt O3D zugunsten von WebGL ein |autor=Jens Ihlenfeld |werk=Golem.de |datum=2010-10-09 |sprache=de |zugriff=2016-05-26}}</ref>

Erste Implementierungen von WebGL wurden in den Rendering-Engines [[WebKit]] und [[Gecko (Software)|Gecko]] realisiert. Zudem haben sich bereits seit August 2009 die [[Informationstechnik|IT]]-Unternehmen [[Advanced Micro Devices|AMD]], [[Ericsson]], [[Nvidia]] und [[Opera (Browser)|Opera]] an der Entwicklung des Projektes beteiligt.<ref>{{Internetquelle |url=http://www.golem.de/0909/69946.html |titel=WebGL – Firefox wird 3D-fähig |autor=Jens Ihlenfeld |werk=Golem.de |datum=2009-09-20 |sprache=de |zugriff=2016-07-26}}</ref><ref>{{Internetquelle |url=https://www.heise.de/newsticker/meldung/Firefox-mit-anfaenglicher-WebGL-Anbindung-789376.html |titel=Firefox mit anfänglicher WebGL-Anbindung |autor=Andreas Beier |hrsg=Verlag Heinz Heise |werk=heise online |datum=2009-09-20 |sprache=de |zugriff=2016-07-26}}</ref>

Am 3. März 2011 wurde die erste Version der WebGL-Spezifikation auf der ''[[Game Developers Conference]]'' in [[San Francisco]] freigegeben.<ref>{{Internetquelle |url=https://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification |titel=Khronos Showcases Significant glTF Momentum for Efficient Transmission of 3D Scenes and Models |werk=Khronos |sprache=en |zugriff=2016-07-27 |offline=1 |archiv-url=https://web.archive.org/web/20150709134803/https://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification |archiv-datum=2015-07-09}}</ref><ref name=":1">{{Internetquelle |url=http://www.golem.de/1103/81890.html |titel=WebGL 1.0 ist fertig |autor=Jens Ihlenfeld |werk=Golem.de |datum=2011-03-04 |sprache=de |zugriff=2016-07-26}}</ref><ref>{{Internetquelle |url=https://www.heise.de/newsticker/meldung/GDC-3D-im-Browser-WebGL-1-0-ist-fertig-1201976.html |titel=GDC: 3D im Browser – WebGL 1.0 ist fertig |autor=Alexander Neumann |hrsg=Verlag Heinz Heise |werk=heise online |datum=2011-03-04 |sprache=de |zugriff=2016-07-26}}</ref> Im März 2011 wurde WebGL von Googles Webbrowser ''[[Google Chrome|Chrome]]'' und Mozillas ''[[Mozilla Firefox|Firefox]]'' unterstützt und ansonsten in Browser-Vorabversionen von [[Apple Safari]] und Opera standardmäßig aktiviert.<ref name=":0" /><ref name=":1" />

Im November 2011 wurde das von ''Google'' im März 2011 vorgestellte Projekt ''Angle'' (was ausgeschrieben für ''Almost Native Graphics Layer Engine'' steht) für ''OpenGL ES Version 2.0'' zertifiziert, womit es möglich wird, plattformübergreifende Anwendungen mit WebGL-Unterstützung unter anderem für die drei bekanntesten Betriebssystemplattformen – [[Microsoft Windows|Windows]], [[Apple Macintosh|Mac]] und [[GNU/Linux|Linux]] – zu entwickeln.<ref>{{Internetquelle |url=http://www.golem.de/1111/88074.html |titel=Vollständige Implementierung von OpenGL ES 2.0 für Windows |autor=Jens Ihlenfeld |werk=Golem.de |datum=2011-11-29 |sprache=de |zugriff=2016-07-27}}</ref><ref>{{Internetquelle |url=https://www.heise.de/newsticker/meldung/Googles-Grafiksystem-ANGLE-fuer-OpenGL-ES-2-0-zertifiziert-1389904.html |titel=Googles Grafiksystem ANGLE für OpenGL ES 2.0 zertifiziert |autor=Robert Lippert |hrsg=Verlag Heinz Heise |werk=heise online |datum=2011-12-05 |sprache=de |zugriff=2016-07-26}}</ref><ref>[http://code.google.com/p/angleproject/ Angleproject] (englisch) – Projektseite bei ''[[Google Code]]''; Stand: 9. Dezember 2011.</ref>

WebGL 2 wurde abgeleitet von OpenGL ES 3.0.<ref>{{Internetquelle |url=https://www.khronos.org/registry/webgl/specs/latest/2.0/ |titel=WebGL 2.0 Specification |abruf=2020-12-03}}</ref> Aktuell wird diese Stufe neu ab Firefox 51, Chrome 56, Opera 43 implementiert.<ref>{{Internetquelle |autor=heise online |url=https://www.heise.de/newsticker/meldung/Chrome-56-kommt-mit-Login-Warnungen-und-WebGL-2-3608131.html |titel=Chrome 56 kommt mit Login-Warnungen und WebGL 2 |abruf=2020-12-03 |sprache=de}}</ref>

Seit 2017 arbeitet W3C an dem Nachfolger [[WebGPU]].

== Erstellung von Inhalten ==
Programme lassen sich in reinem Code schreiben. Grafiker können Inhalte auch mit Softwarewerkzeugen wie [[Blender (Software)|Blender]], [[CopperCube]] oder [[Maya (Software)|Maya]] erstellen, mit WebGL für den Browser konfigurieren und weiterverarbeiten. Die 3D-Szenen werden dann nach WebGL exportiert. Dies ist beispielsweise mit Inka3D möglich, einem WebGL-Exportmodul für Maya.<ref>{{Literatur |Autor=Tony Parisi |Titel=Programming 3D Applications with HTML5 and WebGL |Auflage=1 |Verlag=O’Reilly Media |Ort=Sebastopol |Datum=2014 |ISBN=1-4493-6296-6 |Kapitel=Developting a simple 3D Application |Seiten=253-280 |Sprache=en |Umfang=384}}</ref> [[Blend4Web]] ist ein [[Framework]], das die 3D-Grafiksoftware [[Blender (Software)|Blender]] erweitert, um die dort erstellten 3D-Inhalte auf Webseiten auszugeben.<ref name="blendernation_review">{{cite web|url=https://www.blendernation.com/2014/07/11/blend4web-an-interactive-3d-viewer/ | title=Blend4Web, an Interactive 3D Viewer |publisher=BlenderNation.com |accessdate=2014-08-11}}</ref> Das freie Magnum basiert auf C++ und gibt auch WebGL 2.0 aus.<ref>{{Internetquelle |autor=Vladimír Vondruš |url=https://github.com/mosra/magnum |titel=mosra/magnum |datum=2020-12-03 |abruf=2020-12-03}}</ref>

[[Verge3D]] ermöglicht es den Anwendern, interaktive Inhalte in den gängigen 3D-Modellierungstools Autodesk [[3ds Max]] und [[Blender (Software)|Blender]] zu bearbeiten und für die Anzeige in einem Webbrowser zu konvertieren.

Für Entwickler existieren mehrere umfassende, in der Programmiersprache ''[[JavaScript]]'' implementierte, freie und kommerzielle 3D-Frameworks, beispielsweise ''[[Three.js]]'' und [[A-Frame (Framework)|A-Frame]].<ref>{{Internetquelle |url=https://www.khronos.org/webgl/wiki/User_Contributions |sprache=en |titel=User Contributions |werk=www.khronos.org |zugriff=2015-10-14}}</ref><ref>{{Literatur |Autor=Tony Parisi |Titel=Programming 3D Applications with HTML5 and WebGL |Auflage=1 |Verlag=O’Reilly Media |Ort=Sebastopol |Datum=2014 |ISBN=1-4493-6296-6 |Seiten=43-57 |Sprache=en |Umfang=384}}</ref>

== Siehe auch ==
* [[OpenGL]]
* [[OpenGL ES]]
* [[O3D]]

== Weblinks ==
* [http://www.khronos.org/webgl/ WebGL – OpenGL ES 2.0 for the Web] (englisch) – offizielle Webseite bei der ''[[Khronos Group]]''
** [http://www.khronos.org/registry/webgl/specs/latest/ WebGL Specification] (englisch) – Version 1.0
* [https://www.peter-strohm.de/webgl/ Deutschsprachiges Tutorial] zu WebGL
* [https://developer.mozilla.org/de/docs/Web/WebGL Deutschsprachiges Tutorial] zu WebGL
* [http://www.iewebgl.com/ IEWebGL] [[Plug-in]] für den [[Internet Explorer]] von [[Microsoft]]

=== Demoseiten ===
* [https://playcanvas.com/ PlayCanvas] – [[Open Source]] Game Engine von Mozilla
* [https://www.awwwards.com/22-experimental-webgl-demo-examples.html Awards] – 22 experimentelle WebGL Demos
* [https://www.chromeexperiments.com/webgl/ WebGL Experiments] (englisch) – Seite bei ''Chrome Experiments''
* [https://www.rheinland-pfalz-in-3d.rlp.de/ Rheinland-Pfalz in 3D] zum Viewer

== Einzelnachweise ==
<references responsive />

[[Kategorie:Khronos Group]]
[[Kategorie:JavaScript-Programmierschnittstelle]]

WebGL - Versionsgeschichte

imported>Thoken: /* Weblinks */ ohne meteoearth.com 301 weatherpro.com