WebGL - 3D im Browser

 Home
 Blog
 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
 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.

News und Updates        rss

kap2_thumb.jpg 23. Oktober 2011 - Tutorial 2 überarbeitet

http://www.peter-strohm.de/webgl/webgltutorial2.php

Das mathematiklastige Tutorial über Projektions- Transformationsmatrizzen hatte auch schon länger einer Auffrischung und ein paar kleinere Fehlerkorrekturen verdient. Seit heute ist die überarbeitete Version online.

kap1_thumb.jpg 28. Mai 2011 - Tutorial 1 überarbeitet

http://www.peter-strohm.de/webgl/webgltutorial1.php

Der erste Teil des Tutorials war schon etwas in die Jahre gekommen. Obwohl auch die Version, die bis gestern online war durchaus noch funktioniert hat, gab es doch einiges, das ich inzwischen anders machen bzw. anders erklären würde. Daher gibt es ab heute eine komplett neue Version von "Das erste Dreieck".

11. Mai 2011 - Video zu fortgeschrittenen WebGL-Programmiertechniken

http://www.youtube.com/watch?v=rfQ8rKGTVlg

Auf der Google I/O Konferenz hat Gregg Tavares einen sehr interessanten Vortrag mit dem Titel "WebGL Techniques and Performance" gehalten. Der Vortrag richtet sich an _fortgeschrittene_ Entwickler und ist komplett als Video bei youtube zu sehen.

http://www.peter-strohm.de/webgl/schloss.jpg 10. Mai 2011 - Die Sicherheit von WebGL

http://www.peter-strohm.de/webgl/webglsicherheit.php

Seit kurzem kursiert ein vielzitierter Blogeintrag der Firma Context bezüglich der Sicherheit von WebGL auf diversen IT-Newsseiten. Die dort genannten Kritikpunkte habe ich mir angeschaut, erklärt und bewertet (siehe Link)


ältere news

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:

Blender-MonkeyDer Blender-Affenkopf (aus objNormals/blender.obj geladen und geparsed. (Was ist Blender? )
Würfelweltkleine "Welt" mit Tastaturnavigation und Texturen

Informationsquellen:

weiterführende Infos zu WebGL:
http://learningWebGL.com #1 !
WebGL Cheat Sheet by Nihiogicblog
offizieller Entwurf der WebGL-Spezifikationen
OpenGL es 2.0 Book (das Buch, nicht die Webseite...)

WebGL-Demos auf Youtube

Kommentar hinterlassen:

Name
Email Die Emailadresse wird nicht veröffentlicht und nicht weitergegeben
Kommentar

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