Hilfe:WebGL: Unterschied zwischen den Versionen

Aus GET A
Wechseln zu: Navigation, Suche
(→‎Fehlerbehebung)
(→‎Aktivierung von WebGL in Firefox)
 
(21 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 ''Web-Grafik-Bibliothek'') 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>
 
−
Im GET-A Wiki benutzen wir diese Erweiterung um euch hilfreiche und anschauliche Applets zur Verfügung zu stellen.
 
−
 
 
−
== Hintergrund und Geschichte ==
 
−
WebGL ist eine 3D-Grafik-Programmierschnittstelle für Webbrowser, auf der Basis von 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'' 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>
 
−
 
 
−
Erste Implementierungen von WebGL sind in den Rendering-Engines WebKit und Gecko realisiert, welche sich jedoch in einem noch sehr frühen experimentellen Stadium befinden. Zudem haben sich bereits seit August 2009 die IT-Unternehmen 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>
 
−
 
 
−
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 ''Chrome'' und Mozillas ''Firefox'' unterstützt und ansonsten in Browser-Vorabversionen von Safari und Opera standardmäßig aktiviert.<ref name="Golem_2010-12-17"/><ref name="Golem_2011-03-04"/>
 
−
 
 
−
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.<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>
 
−
 
 
−
== Erstellung von Inhalten ==
 
−
Grafiker können ohne Programmierung Inhalte für WebGL mit Softwarewerkzeugen wie Blender oder 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>
 
  
 
== Aktivierung von WebGL ==
 
== Aktivierung von WebGL ==
−
Um zu Überprüfen ob WebGl auf dem installierten Browser bereits aktiviert ist, kann dieser [http://get.webgl.org Link] besucht werden.
+
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 nicht nötig.
+
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 [http://www.iewebgl.com/ IEWebGL] installiert werden. Nach einem Browserneustart sollte der Internet Explorer in der Lage sein, WebGL Anwendungen korrekt anzuzeigen.
  
−
=== Aktivierung von WebGL im Internet Explorer ===
+
=== Aktivierung von WebGL in Safari ===
−
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 nun in der Lage sein, WebGL Anwendungen korrekt anzuzeigen.
+
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:
  
−
=== Aktivierung von WebGL in Safari ===
+
# In der Adressleiste "about:config" eingeben, um die erweiterte Konfiguration aufzurufen.
−
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.
+
# 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).
  
 +
[[Datei:Firefox enable webgl.png]]
  
 
=== Fehlerbehebung ===
 
=== Fehlerbehebung ===
−
Sollte WebGL trotz der durchgeführten notwendigen Schritte nicht korrekt funktionieren, kontaktiere doch einfach einen Administrator oder schaue auf der offiziellen [http://learningwebgl.com/cookbook/index.php/WebGL:_Frequently_Asked_Questions WebGL-FAQ] Seite nach einer Lösung für dein Problem.
+
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.
  
 
== 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 GTA
 
  
 
== Einzelnachweise ==
 
== Einzelnachweise ==

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
Abgerufen von „https://getwww.uni-paderborn.de/wiki/geta/index.php?title=Hilfe:WebGL&oldid=6761“