Hilfe:WebGL: Unterschied zwischen den Versionen

Aus GET A
Wechseln zu: Navigation, Suche
(Aktivierung von WebGL in Firefox)
 
(30 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Infobox Software
+
'''WebGL''' steht für ''Web Graphics Library'' und ist ein Bestandteil von Webbrowsern, mit dessen Hilfe hardwarebeschleunigte 3D-Grafiken direkt im Browser – ohne zusätzliche Erweiterungen – dargestellt werden können.<ref name="Golem_2010-12-17">[http://www.golem.de/1012/80188.html 3D-Grafik: Chrome aktiviert WebGL] – Artikel bei ''Golem.de'', vom 17. Dezember 2010</ref>
| Name              = WebGL
+
Im GET A Wiki wird diese Erweiterung verwendet, um hilfreiche und anschauliche Applets zur Verfügung zu stellen.
| Logo              = [[Datei:WebGL_logo.png]]
 
| Screenshot        =
 
| Beschreibung      = <!-- Beschreibung des Bildschirmfotos -->
 
| Maintainer        =
 
| Hersteller        = Khronos Group
 
| Management        =
 
| AktuelleVersion    = 1.0
 
| AktuelleVersionFreigabeDatum = 3.&nbsp;März 2011
 
| AktuelleVorabVersion =
 
| AktuelleVorabVersionFreigabeDatum =
 
| Betriebssystem    = plattformübergreifend
 
| Programmiersprache =
 
| Kategorie          = Grafikbibliothek
 
| Lizenz            = lizenzfrei
 
| Deutsch            = nein
 
| Website            = [http://www.khronos.org/webgl/ www.khronos.org/webgl]
 
}}
 
  
'''WebGL''' steht für ''Web Graphics Library'' (englisch für ''[[World Wide Web|Web]]-[[Grafik]]-[[Programmbibliothek|Bibliothek]]'') und ist ein Bestandteil von [[Webbrowser]]n, mit dessen Hilfe [[Hardwarebeschleunigung|hardwarebeschleunigte]] [[3D-Grafik]]en direkt im Browser – ohne zusätzliche Erweiterungen – dargestellt werden können.<ref name="Golem_2010-12-17">[http://www.golem.de/1012/80188.html 3D-Grafik: Chrome aktiviert WebGL] – Artikel bei ''[[Golem.de]]'', vom 17. Dezember 2010</ref>
+
== Aktivierung von WebGL ==
 +
Um zu überprüfen, ob WebGL im verwendeten Browser bereits aktiviert ist, kann dieser [http://get.webgl.org Link] besucht werden.
 +
Die Browser Opera und Firefox, sowie alle davon abgewandelten Browser, haben WebGL bereits standardmäßig aktiviert. Eine manuelle Aktivierung ist hier also in der Regel nicht nötig.
  
== Hintergrund und Geschichte ==
+
=== Aktivierung von WebGL im Internet Explorer ===
WebGL ist eine [[3D-Grafik]]-[[Programmierschnittstelle]] für [[Webbrowser]], 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>[http://www.golem.de/0903/66105.html 3D-API fürs Web] – Artikel bei ''Golem.de'', vom 25. März 2009</ref> Im Mai&nbsp;2010 wurde bekannt gegeben, dass die Firma ''[[Google Inc.|Google]]'' den Standard ebenfalls unterstützen wird.<ref>[http://www.golem.de/1005/75015.html Google stellt O3D zugunsten von WebGL ein] – Artikel bei ''Golem.de'', vom 9. Mai 2010</ref>
+
Um WebGL im Internet Explorer nutzen zu können, muss das Plugin [http://www.iewebgl.com/ IEWebGL] installiert werden. Nach einem Browserneustart sollte der Internet Explorer in der Lage sein, WebGL Anwendungen korrekt anzuzeigen.
  
Erste Implementierungen von WebGL sind in den Rendering-Engines [[WebKit]] und [[Gecko (Software)|Gecko]] realisiert, welche sich jedoch in einem noch sehr frühen experimentellen Stadium befinden. Zudem haben sich bereits seit August 2009 die [[Informationstechnik|IT]]-Unternehmen [[Advanced Micro Devices|AMD]], [[Ericsson]], [[Nvidia]] und [[Opera]] an der Entwicklung des Projektes beteiligt.<ref>[http://www.golem.de/0909/69946.html WebGL – Firefox wird 3D-fähig] – Artikel bei ''Golem.de'', vom 20. September 2009</ref><ref>[http://www.heise.de/newsticker/meldung/145577 Firefox mit anfänglicher WebGL-Anbindung] – Artikel bei ''[[Heise online]]'', vom 20. September 2009</ref>
+
=== Aktivierung von WebGL in Safari ===
 +
Im Safari-Webbrowser reicht das manuelle Aktivieren von WebGL. Dazu muss zuerst das Entwickler-Menü unter ''Safari->Einstellungen->Erweitert->Zeige Entwickler Menü'' sichtbar gemacht werden. Nun kann WebGL über ''Entwickler->WebGL aktivieren'' aktiviert werden.
  
Am 3.&nbsp;März 2011 wurde die erste Version der WebGL-Spezifikation auf der ''[[Game Developers Conference]]'' in [[San Francisco]] freigegeben.<ref>[http://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification Khronos Releases Final WebGL 1.0 Specification] (englisch) – Pressemeldung bei der ''[[Khronos Group]]'', vom 3. März 2011</ref><ref name="Golem_2011-03-04">[http://www.golem.de/1103/81890.html 3D im Browser: WebGL 1.0 ist fertig] – Artikel bei ''Golem.de'', vom 4. März 2011</ref><ref>[http://www.heise.de/newsticker/meldung/GDC-3D-im-Browser-WebGL-1-0-ist-fertig-1201976.html GDC: 3D im Browser – WebGL 1.0 ist fertig] – Artikel bei ''Heise online'', vom 4. März 2011</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 (Browser)|Safari]] und [[Opera]] standardmäßig aktiviert.<ref name="Golem_2010-12-17"/><ref name="Golem_2011-03-04"/>
+
=== Aktivierung von WebGL in Firefox ===
 +
Im Firefox ist WebGL in der Regel automatisch aktiviert. Sollte dies nicht der Fall sein, so kann WebGL wie folgt aktiviert werden:
  
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>[http://www.golem.de/1111/88074.html Angle: Vollständige Implementierung von OpenGL ES 2.0 für Windows] – Artikel bei ''Golem.de'', vom 29. November 2011</ref><ref>[http://www.heise.de/newsticker/meldung/Googles-Grafiksystem-ANGLE-fuer-OpenGL-ES-2-0-zertifiziert-1389904.html Googles Grafiksystem ANGLE für OpenGL ES 2.0 zertifiziert] – Artikel bei ''Heise online'', vom 5. Dezember 2011</ref><ref>[http://code.google.com/p/angleproject/ Angleproject] (englisch) – Projektseite bei ''[[Google Code]]''; Stand: 9. Dezember 2011</ref>
+
# In der Adressleiste "about:config" eingeben, um die erweiterte Konfiguration aufzurufen.
 +
# Im Feld "Suchen" nach "webgl" suchen.
 +
# Falls "webgl.disabled" auf '''true''' steht, diesen Wert mit einem Rechtsklick (Menüpunkt "Umschalten") auf '''false''' ändern.
 +
# Applet erneut aufrufen oder neu laden (Taste F5).
  
== Erstellung von Inhalten ==
+
[[Datei:Firefox enable webgl.png]]
Grafiker können ohne Programmierung Inhalte für WebGL mit Softwarewerkzeugen wie [[Blender (Software)|Blender]] 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.
 
  
Für Spieleentwickler existiert bereits eine umfassende, in der Programmiersprache ''[[JavaScript]]'' implementierte, freie 3D-Umgebung Namens ''Three.js''.<ref>[http://www.github.com/mrdoob/three.js mrdoob/three.js] (englisch) – Seite bei ''[[GitHub]]''; Stand: 17. November 2011</ref>
+
=== Fehlerbehebung ===
 
+
Sollte WebGL trotzdem nicht korrekt funktionieren, kann ein Blick auf die offizielle [http://learningwebgl.com/cookbook/index.php/WebGL:_Frequently_Asked_Questions WebGL-FAQ] Seite (''Englisch'') hilfreich sein.
== Siehe auch ==
 
* [[OpenGL]]
 
* [[O3D]]
 
  
 
== 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.peter-strohm.de/webgl/ Deutschsprachiges Tutorial] und aktuelle Infos zu WebGL
 
* [http://www.peter-strohm.de/webgl/ Deutschsprachiges Tutorial] und aktuelle Infos zu WebGL
* [https://s3-eu-west-1.amazonaws.com/sly-stuff/ExploringShadersInWebGL.pdf Exploring Shaders in WebGL] - deutsche Bachelorarbeit über WebGL, Februar 2011
 
 
;Demoseiten
 
* [http://developer.mozilla.org/de/demos/ Demo-Studio] – Seite beim ''Mozilla Developer Network''
 
* [http://www.chromeexperiments.com/webgl/ WebGL Experiments] (englisch) – Seite bei ''Chrome Experiments''
 
* [http://maps3d.svc.nokia.com/webgl/ Nokia Maps 3D WebGL] - Seite von Nokia Maps
 
* [http://experiments.hertzen.com/webgl-gta/ WebGL GTA] - Portierung des Spiel [[Grand Theft Auto|GTA]]
 
  
 
== Einzelnachweise ==
 
== Einzelnachweise ==
 
<references />
 
<references />
  
[[Kategorie:Khronos Group]]
+
[[Kategorie:Artikel]]
[[Kategorie:Grafikbibliothek]]
+
[[Kategorie:Hilfe]]
 
 
[[cs:WebGL]]
 
[[en:WebGL]]
 
[[es:WebGL]]
 
[[fr:WebGL]]
 
[[hu:WebGL]]
 
[[it:WebGL]]
 
[[ja:WebGL]]
 
[[ko:WebGL]]
 
[[nl:WebGL]]
 
[[pl:WebGL]]
 
[[pt:WebGL]]
 
[[ru:WebGL]]
 
[[th:เว็บจีแอล]]
 
[[tr:Webgl]]
 
[[uk:WebGL]]
 
[[zh:WebGL]]
 

Aktuelle Version vom 21. Oktober 2013, 21:02 Uhr

WebGL steht für Web Graphics Library und ist ein Bestandteil von Webbrowsern, mit dessen Hilfe hardwarebeschleunigte 3D-Grafiken direkt im Browser – ohne zusätzliche Erweiterungen – dargestellt werden können.[1] Im GET A Wiki wird diese Erweiterung verwendet, um hilfreiche und anschauliche Applets zur Verfügung zu stellen.

Aktivierung von WebGL

Um zu überprüfen, ob WebGL im verwendeten Browser bereits aktiviert ist, kann dieser Link besucht werden. Die Browser Opera und Firefox, sowie alle davon abgewandelten Browser, haben WebGL bereits standardmäßig aktiviert. Eine manuelle Aktivierung ist hier also in der Regel nicht nötig.

Aktivierung von WebGL im Internet Explorer

Um WebGL im Internet Explorer nutzen zu können, muss das Plugin IEWebGL installiert werden. Nach einem Browserneustart sollte der Internet Explorer in der Lage sein, WebGL Anwendungen korrekt anzuzeigen.

Aktivierung von WebGL in Safari

Im Safari-Webbrowser reicht das manuelle Aktivieren von WebGL. Dazu muss zuerst das Entwickler-Menü unter Safari->Einstellungen->Erweitert->Zeige Entwickler Menü sichtbar gemacht werden. Nun kann WebGL über Entwickler->WebGL aktivieren aktiviert werden.

Aktivierung von WebGL in Firefox

Im Firefox ist WebGL in der Regel automatisch aktiviert. Sollte dies nicht der Fall sein, so kann WebGL wie folgt aktiviert werden:

  1. In der Adressleiste "about:config" eingeben, um die erweiterte Konfiguration aufzurufen.
  2. Im Feld "Suchen" nach "webgl" suchen.
  3. Falls "webgl.disabled" auf true steht, diesen Wert mit einem Rechtsklick (Menüpunkt "Umschalten") auf false ändern.
  4. Applet erneut aufrufen oder neu laden (Taste F5).

Firefox enable webgl.png

Fehlerbehebung

Sollte WebGL trotzdem nicht korrekt funktionieren, kann ein Blick auf die offizielle WebGL-FAQ Seite (Englisch) hilfreich sein.

Weblinks

Einzelnachweise

  1. 3D-Grafik: Chrome aktiviert WebGL – Artikel bei Golem.de, vom 17. Dezember 2010