„WebGL“ – Versionsunterschied

Versionsgeschichte interaktiv durchsuchen

[ungesichtete Version]

[gesichtete Version]

← Zum vorherigen Versionsunterschied

Inhalt gelöscht Inhalt hinzugefügt

VisuellWikitext

Version vom 19. Juli 2016, 12:40 Uhr Bearbeiten GuyJonas (Diskussion \| Beiträge) 11 Bearbeitungen →‎Weblinks ← Zum vorherigen Versionsunterschied		Aktuelle Version vom 20. Februar 2024, 11:13 Uhr Bearbeiten rückgängig Horst Gräbner (Diskussion \| Beiträge) Passive Sichter, Sichter 257.582 Bearbeitungen keine direkten Links in den Artikeln Markierung: Manuelle Zurücksetzung
(40 dazwischenliegende Versionen von 30 Benutzern werden nicht angezeigt)
Zeile 1: {{Infobox Software \| Name = WebGL \| Logo = [[Datei:~~WebGL_logo~~WebGL Logo.~~png~~svg\|200px]] \| Screenshot = \| Beschreibung = <!-- Beschreibung des Bildschirmfotos --> Zeile 7: \| Hersteller = [[Khronos Group]] \| Management = \| AktuelleVersion = 12.0 \| AktuelleVersionFreigabeDatum = 317.~~ März~~ ~~2011~~Januar 2017 \| AktuelleVorabVersion = \| AktuelleVorabVersionFreigabeDatum = \| Betriebssystem = [[Plattformunabhängigkeit\|plattformübergreifend]] \| Programmiersprache = \| Kategorie = [[~~Grafikbibliothek~~Programmierschnittstelle]] \| Lizenz = [[Lizenzfreiheit\|lizenzfrei]] \| Deutsch = nein \| Website = [http://www.khronos.org/webgl/ www.khronos.org/webgl] }} '''WebGL''' ~~steht für~~ (''Web Graphics Library'') ~~(englisch~~ist ~~für~~eine ''[[~~World Wide Web\|Web~~JavaScript]]-[[~~Grafik~~Programmierschnittstelle]]~~-[[Programmbibliothek\|Bibliothek]]'') und ist ein Bestandteil von [[Webbrowser]]n~~, mit ~~dessen~~deren Hilfe [[~~Hardwarebeschleunigung~~Bildsynthese\|~~hardwarebeschleunigte~~3D-Grafiken]] [[~~Bildsynthese~~Hardwarebeschleunigung\|~~3D-Grafik~~hardwarebeschleunigt]]~~en direkt~~ im ~~Browser –~~[[Webbrowser]] ohne zusätzliche Erweiterungen – dargestellt werden können.<ref>{{Literatur ~~name~~\|Autor=~~"Golem_2010~~Tony Parisi \|Titel=Programming 3D Applications with HTML5 and WebGL \|Auflage=1 \|Verlag=O’Reilly Media \|Ort=Sebastopol \|Datum=2014 \|ISBN=1-124493-176296-6 \|Seiten=3-8 \|Sprache=en}}</ref><ref name=":0">[{{Internetquelle \|url=http://www.golem.de/1012/80188.html ~~3D-Grafik:~~ \|titel=Chrome aktiviert WebGL] ~~– Artikel~~\|autor=Jens ~~bei~~Ihlenfeld ~~''[[~~\|werk=Golem.de~~]]'', vom~~ \|datum=2010-12-17. ~~Dezember~~\|sprache=de ~~2010~~\|zugriff=2016-07-26}}</ref> == Hintergrund und Geschichte == WebGL ~~ist eine [[3D-Grafik]]-[[Programmierschnittstelle]] für [[Webbrowser]],~~basiert auf ~~der Basis von~~ [[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 ~~Artikel~~Ihlenfeld ~~bei ''~~\|werk=Golem.de~~'', vom~~ \|datum=2009-03-25. ~~März~~\|sprache=de ~~2009~~\|zugriff=2016-07-26}}</ref> Im Mai 2010 wurde bekannt gegeben, dass ~~die~~der ~~Firma~~Webbrowser ''[[Google ~~Inc.~~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 ~~Artikel~~Ihlenfeld ~~bei ''~~\|werk=Golem.de~~'',~~ ~~vom~~\|datum=2010-10-09 9.\|sprache=de ~~Mai 2010~~\|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~~] –~~ ~~Artikel~~\|autor=Jens ~~bei~~Ihlenfeld ''\|werk=Golem.de~~'', vom~~ \|datum=2009-09-20. ~~September~~\|sprache=de ~~2009~~\|zugriff=2016-07-26}}</ref><ref>~~[http~~{{Internetquelle \|url=https://www.heise.de/newsticker/meldung/~~145577~~Firefox-mit-anfaenglicher-WebGL-Anbindung-789376.html \|titel=Firefox mit anfänglicher WebGL-Anbindung] –\|autor=Andreas ~~Artikel~~Beier ~~bei~~\|hrsg=Verlag Heinz ~~''[[~~Heise \|werk=heise online~~]]'', vom~~ \|datum=2009-09-20. ~~September~~\|sprache=de ~~2009~~\|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>~~[http~~{{Internetquelle \|url=https://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification \|titel=Khronos ~~Releases~~Showcases ~~Final~~Significant ~~WebGL~~glTF ~~1.0~~Momentum ~~Specification]~~for ~~(englisch)~~Efficient –Transmission ~~Pressemeldung~~of ~~bei~~3D ~~der~~Scenes ~~''[[~~and Models \|werk=Khronos ~~Group]]'',~~\|sprache=en ~~vom~~\|zugriff=2016-07-27 3.\|offline=1 ~~März~~\|archiv-url=https://web.archive.org/web/20150709134803/https://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification ~~2011~~\|archiv-datum=2015-07-09}}</ref><ref name="~~Golem_2011-03-04~~:1">[{{Internetquelle \|url=http://www.golem.de/1103/81890.html ~~3D im Browser:~~ \|titel=WebGL 1.0 ist fertig] –\|autor=Jens ~~Artikel~~Ihlenfeld ~~bei ''~~\|werk=Golem.de~~'',~~ ~~vom~~\|datum=2011-03-04 4.\|sprache=de ~~März 2011~~\|zugriff=2016-07-26}}</ref><ref>~~[http~~{{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 ~~Artikel~~Neumann ~~bei~~\|hrsg=Verlag Heinz ''Heise \|werk=heise online~~'',~~ ~~vom~~\|datum=2011-03-04 4.\|sprache=de ~~März 2011~~\|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 [[~~Safari~~Apple ~~(Browser)\|~~Safari]] und [[Opera]] standardmäßig aktiviert.<ref name="~~Golem_2010-12-17~~:0" /><ref name="~~Golem_2011-03-04~~: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 ~~Angle:~~ \|titel=Vollständige Implementierung von OpenGL ES 2.0 für Windows] –\|autor=Jens ~~Artikel~~Ihlenfeld ~~bei ''~~\|werk=Golem.de~~'', vom~~ \|datum=2011-11-29. ~~November~~\|sprache=de ~~2011~~\|zugriff=2016-07-27}}</ref><ref>~~[http~~{{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 ~~Artikel~~Lippert ~~bei~~\|hrsg=Verlag Heinz ''Heise \|werk=heise online~~'',~~ ~~vom~~\|datum=2011-12-05 5.\|sprache=de ~~Dezember 2011~~\|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=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> Grafiker können ohne Programmierung Inhalte für WebGL mit Softwarewerkzeugen wie [[Blender (Software)\|Blender]], [[CopperCube]] oder [[Maya (Software)\|Maya]] erstellen. Die 3D-Szenen werden dann nach WebGL exportiert. Dies ist beispielsweise mit Inka3D<ref>[http://www.inka3d.com/ Inka3D] (englisch) – offizielle Startseite; Stand: 5. Dezember 2011</ref> möglich, einem WebGL-Exportmodul für Maya. [[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>~~ ~~{{Internetquelle~~ 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> ~~\| 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>{{Internetquelle~~ ~~\| url=http://noeticforce.com/best-3d-javascript-game-engines-frameworks-webgl-html5~~ ~~\| autor=noeticsunil~~ ~~\| sprache=EN~~ ~~\| titel=Top 10 HTML5, JavaScript 3D Game Engines and Frameworks~~ ~~\| titelerg=~~ ~~\| datum=2015-08-05~~ ~~\| werk=noeticforce.com~~ ~~\| zugriff=2015-10-14~~ ~~}}</ref>~~ == Siehe auch == Zeile 58 ⟶ 47: == 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 * [http://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]] * [https://en.wikipedia.org/wiki/List_of_WebGL_frameworks Liste der WebGL-Frameworks (englisch)] ; Demoseiten * [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 Zeile 73 ⟶ 62: == Einzelnachweise == <references responsive /> [[Kategorie:Khronos Group]] [[Kategorie:~~Grafikbibliothek~~JavaScript-Programmierschnittstelle]]