WebGL - 3D im Browser

siehe auch WebGPU!
 Home
 WebGL Api Spickzettel
 WebGL Sicherheit

Tutorial
 0 : WebGL Browser
 1 : Das erste Dreieck
 2 : 3D-Mathematik
 3 : Farbe
 4 : Animation
 5 : Interaktion I
 6 : Texturen
 7 : Beleuchtung I
 8 : Interaktion II

Links
 WebGL Beispiele
 WebGL Frameworks
 ext. WebGL Tutorials


 Kontakt / Impressum
 webgl ([ät)] peter-strohm Punkt de

WebGL - 3D im Browser

WebGL ist eine Technologieschnittstelle, die es ermöglicht 3D-Inhalte innerhalb von Webseiten darzustellen. Seit Februar 2011 gibt es mit Google Chrome die erste Release-Version eines weit verbreiteten Browsers die 3D-Darstellungen im Browser ohne zusätzliche Plugins direkt unterstützt. WebGL wurde von der Khronos-Gruppe entwickelt und wird nach derzeitigem Stand in naher Zukunft mindestens in den Browsern Firefox sowie allen auf Webkit basierenden Browsern (Apple Safari, u.A.) automatisch unterstützt. Technisch ist WebGL die Verbindung von Javascript und OpenGL.

WebGL Tutorial

Die ersten Kapitel sind Online und helfen vielleicht dem einen oder anderen beim Einstieg in dieses spannende Thema:

schwarzes Quadrat0 : Browser-Einstellungen
weißes Dreieck1 : Das erste Dreieck

direkt zum Beispiel
weißer Würfel2 : 3D und 2D und die Mathematik

direkt zum Beispiel
buntes Dreieck3 : Farbe

direkt zum Beispiel
schräges Dreieck4 : Animation

direkt zum Beispiel
Pyramide mit Pfeilen5 : Interaktion I

direkt zum Beispiel
Pyramide mit Textur6 : Texturen

direkt zum Beispiel
Pyramide mit ägyptischer Textur7 : Beleuchtung I

direkt zum Beispiel
Pyramide mit roter Klicktextur8 : Interaktion II

direkt zum Beispiel


Petors Spielplatz:

Würfelweltkleine "Welt" mit Tastaturnavigation und Texturen

Informationsquellen:

weiterführende Infos zu WebGL:
https://webglfundamentals.org/ #1 !
WebGL Cheat Sheet
offizielle WebGL-Spezifikationen
OpenGL es 3.0 Book (das Buch, nicht die Webseite...)

WebGL-Demos auf Youtube

>> Startseite <<   ^ Seitenanfang ^    
Fehler? Kommentare? webgl ([ät)] peter-strohm Punkt de