„WebGL“ – Versionsunterschied

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen
Versionsgeschichte interaktiv durchsuchen
[gesichtete Version][gesichtete Version]
← Zum vorherigen Versionsunterschied
Inhalt gelöscht Inhalt hinzugefügt
VisuellWikitext
überarbeitet
keine direkten Links in den Artikeln
Markierung: Manuelle Zurücksetzung
 
(21 dazwischenliegende Versionen von 18 Benutzern werden nicht angezeigt)
Zeile 8: Zeile 8:
| Management =
| Management =
| AktuelleVersion = 2.0
| AktuelleVersion = 2.0
| AktuelleVersionFreigabeDatum = 17. Januar 2017
| AktuelleVersionFreigabeDatum = 17. Januar 2017
| AktuelleVorabVersion =
| AktuelleVorabVersion =
| AktuelleVorabVersionFreigabeDatum =
| AktuelleVorabVersionFreigabeDatum =
Zeile 19: Zeile 19:
}}
}}


'''WebGL''' (''Web Graphics Library'') ist eine [[JavaScript]]-[[Programmierschnittstelle]], mit dessen Hilfe [[Bildsynthese|3D-Grafik]]en [[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-02|Sprache=en|Seiten=3-8|ISBN=1449362966}}</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>
'''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 ==
== 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&nbsp;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|hrsg=|werk=Golem.de|datum=2010-10-09|sprache=de|zugriff=2016-05-26}}</ref>
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&nbsp;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>
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.&nbsp;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}}</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" />
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>
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>https://www.khronos.org/registry/webgl/specs/latest/2.0/</ref> Aktuell wird diese Stufe neu ab Firefox 51, Chrome 56, Opera 43 implementiert.<ref>https://www.heise.de/newsticker/meldung/Chrome-56-kommt-mit-Login-Warnungen-und-WebGL-2-3608131.html</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 ==
== 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|Hrsg=|Sammelwerk=|Band=|Nummer=|Auflage=1|Verlag=O'Reilly Media|Ort=Sebastopol|Datum=2014-07|Sprache=en|Umfang=384|Kapitel=Developting a simple 3D Application|Seiten=253-280|ISBN=1449362966}}</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=http://www.blendernation.com/2014/07/11/blend4web-an-interactive-3d-viewer/ | title=Blend4Web, an Interactive 3D Viewer |publisher=BlenderNation.com |date= |accessdate=2014-08-11}}</ref> Das freie Magnum basiert auf C++ und gibt auch WebGL 2.0 aus.<ref>https://github.com/mosra/magnum</ref>
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=http://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''.<ref>
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>
{{Internetquelle
| url=https://www.khronos.org/webgl/wiki/User_Contributions
| sprache=EN
| titel=User Contributions
| titelerg=
| werk= www.khronos.org
| zugriff=2015-10-14
}}</ref><ref>{{Literatur|Autor=Tony Parisi|Titel=Programming 3D Applications with HTML5 and WebGL|Hrsg=|Sammelwerk=|Band=|Nummer=|Auflage=1|Verlag=O'Reilly Media|Ort=Sebastopol|Datum=2014-02|Sprache=en|Umfang=384|Seiten=43-57|ISBN=1449362966}}</ref>


== Siehe auch ==
== Siehe auch ==
Zeile 51: Zeile 47:


== Weblinks ==
== 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/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
** [http://www.khronos.org/registry/webgl/specs/latest/ WebGL Specification] (englisch) – Version 1.0


* [http://www.peter-strohm.de/webgl/ Deutschsprachiges Tutorial] zu WebGL
* [http://www.peter-strohm.de/webgl/ Deutschsprachiges Tutorial] zu WebGL
* [https://developer.mozilla.org/de/docs/Web/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]]
* [http://www.iewebgl.com/ IEWebGL] [[Plug-in]] für den [[Internet Explorer]] von [[Microsoft]]


;Demoseiten
; Demoseiten
* [https://playcanvas.com/ PlayCanvas] – Open Source Game Engine von Mozilla
* [https://playcanvas.com/ PlayCanvas] – Open Source Game Engine von Mozilla
* [http://www.awwwards.com/22-experimental-webgl-demo-examples.html Awards] – 22 experimentelle WebGL Demos
* [http://www.awwwards.com/22-experimental-webgl-demo-examples.html Awards] – 22 experimentelle WebGL Demos
Zeile 66: Zeile 62:


== Einzelnachweise ==
== Einzelnachweise ==
<references />
<references responsive />


[[Kategorie:Khronos Group]]
[[Kategorie:Khronos Group]]

Aktuelle Version vom 20. Februar 2024, 11:13 Uhr

WebGL

Basisdaten

Entwickler Khronos Group
Aktuelle Version 2.0
(17. Januar 2017)
Betriebssystem plattformübergreifend
Kategorie Programmierschnittstelle
Lizenz lizenzfrei
deutschsprachig nein
www.khronos.org/webgl

WebGL (Web Graphics Library) ist eine JavaScript-Programmierschnittstelle, mit deren Hilfe 3D-Grafiken hardwarebeschleunigt im Webbrowser ohne zusätzliche Erweiterungen dargestellt werden können.[1][2]

Hintergrund und Geschichte

[Bearbeiten | Quelltext bearbeiten]

WebGL basiert auf 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.[3] Im Mai 2010 wurde bekannt gegeben, dass der Webbrowser Google Chrome den Standard ebenfalls unterstützen wird.[4]

Erste Implementierungen von WebGL wurden in den Rendering-Engines WebKit und Gecko realisiert. Zudem haben sich bereits seit August 2009 die IT-Unternehmen AMD, Ericsson, Nvidia und Opera an der Entwicklung des Projektes beteiligt.[5][6]

Am 3. März 2011 wurde die erste Version der WebGL-Spezifikation auf der Game Developers Conference in San Francisco freigegeben.[7][8][9] Im März 2011 wurde WebGL von Googles Webbrowser Chrome und Mozillas Firefox unterstützt und ansonsten in Browser-Vorabversionen von Apple Safari und Opera standardmäßig aktiviert.[2][8]

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 – Windows, Mac und Linux – zu entwickeln.[10][11][12]

WebGL 2 wurde abgeleitet von OpenGL ES 3.0.[13] Aktuell wird diese Stufe neu ab Firefox 51, Chrome 56, Opera 43 implementiert.[14]

Seit 2017 arbeitet W3C an dem Nachfolger WebGPU.

Erstellung von Inhalten

[Bearbeiten | Quelltext bearbeiten]

Programme lassen sich in reinem Code schreiben. Grafiker können Inhalte auch mit Softwarewerkzeugen wie Blender, CopperCube oder 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.[15] Blend4Web ist ein Framework, das die 3D-Grafiksoftware Blender erweitert, um die dort erstellten 3D-Inhalte auf Webseiten auszugeben.[16] Das freie Magnum basiert auf C++ und gibt auch WebGL 2.0 aus.[17]

Verge3D ermöglicht es den Anwendern, interaktive Inhalte in den gängigen 3D-Modellierungstools Autodesk 3ds Max und 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.[18][19]

Siehe auch

[Bearbeiten | Quelltext bearbeiten]
[Bearbeiten | Quelltext bearbeiten]
Demoseiten

Einzelnachweise

[Bearbeiten | Quelltext bearbeiten]
  1. ↑ Tony Parisi: Programming 3D Applications with HTML5 and WebGL. 1. Auflage. O’Reilly Media, Sebastopol 2014, ISBN 1-4493-6296-6, S. 3–8 (englisch).
  2. ↑ a b Jens Ihlenfeld: Chrome aktiviert WebGL. In: Golem.de. 17. Dezember 2010, abgerufen am 26. Juli 2016.
  3. ↑ Jens Ihlenfeld: 3D-API fürs Web. In: Golem.de. 25. März 2009, abgerufen am 26. Juli 2016.
  4. ↑ Jens Ihlenfeld: Google stellt O3D zugunsten von WebGL ein. In: Golem.de. 9. Oktober 2010, abgerufen am 26. Mai 2016.
  5. ↑ Jens Ihlenfeld: WebGL – Firefox wird 3D-fähig. In: Golem.de. 20. September 2009, abgerufen am 26. Juli 2016.
  6. ↑ Andreas Beier: Firefox mit anfänglicher WebGL-Anbindung. In: heise online. Verlag Heinz Heise, 20. September 2009, abgerufen am 26. Juli 2016.
  7. ↑ Khronos Showcases Significant glTF Momentum for Efficient Transmission of 3D Scenes and Models. In: Khronos. Archiviert vom Original (nicht mehr online verfügbar) am 9. Juli 2015; abgerufen am 27. Juli 2016 (englisch).
  8. ↑ a b Jens Ihlenfeld: WebGL 1.0 ist fertig. In: Golem.de. 4. März 2011, abgerufen am 26. Juli 2016.
  9. ↑ Alexander Neumann: GDC: 3D im Browser – WebGL 1.0 ist fertig. In: heise online. Verlag Heinz Heise, 4. März 2011, abgerufen am 26. Juli 2016.
  10. ↑ Jens Ihlenfeld: Vollständige Implementierung von OpenGL ES 2.0 für Windows. In: Golem.de. 29. November 2011, abgerufen am 27. Juli 2016.
  11. ↑ Robert Lippert: Googles Grafiksystem ANGLE für OpenGL ES 2.0 zertifiziert. In: heise online. Verlag Heinz Heise, 5. Dezember 2011, abgerufen am 26. Juli 2016.
  12. ↑ Angleproject (englisch) – Projektseite bei Google Code; Stand: 9. Dezember 2011.
  13. ↑ WebGL 2.0 Specification. Abgerufen am 3. Dezember 2020.
  14. ↑ heise online: Chrome 56 kommt mit Login-Warnungen und WebGL 2. Abgerufen am 3. Dezember 2020.
  15. ↑ Tony Parisi: Programming 3D Applications with HTML5 and WebGL. 1. Auflage. O’Reilly Media, Sebastopol 2014, ISBN 1-4493-6296-6, Developting a simple 3D Application, S. 253–280 (englisch, 384 S.).
  16. ↑ Blend4Web, an Interactive 3D Viewer. BlenderNation.com, abgerufen am 11. August 2014.
  17. ↑ Vladimír Vondruš: mosra/magnum. 3. Dezember 2020, abgerufen am 3. Dezember 2020.
  18. ↑ User Contributions. In: www.khronos.org. Abgerufen am 14. Oktober 2015 (englisch).
  19. ↑ Tony Parisi: Programming 3D Applications with HTML5 and WebGL. 1. Auflage. O’Reilly Media, Sebastopol 2014, ISBN 1-4493-6296-6, S. 43–57 (englisch, 384 S.).
Abgerufen von „https://de.wikipedia.org/w/index.php?title=WebGL&oldid=242375172“