WebGL - 3D im Browser

WebGL - Newsarchiv

	28 Februar 2012 - Mobile-Version von Opera 12 unterst�tzt WebGL http://www.operamini.com/mobile/ Die gerade erschienene Version 12 des Browsers Opera unterst�tzt WebGL. Pakete f�r iPhones und Android-Ger�te sind auf www.operamini.com/mobile/download/ verf�gbar.
	16. Februar 2012 - iX Sonderheft mit komplettem WebGL-Tutorial jetzt erh�ltlich. http://www.heise-shop.de/heise-zeitschriften-verlag/ix-kompakt-02-2012-webdesign_pid_18466582.html Der Heise-Verlag hat mein WebGL-Tutorial, das bereits im letzten Sommer in drei Teilen in der iX erschienen war, heute nochmal im Rahmen eines Sonderheftes "Webdesign" ver�ffentlich. Das Heft ist f�r 12,90? im Heise Onlineshop oder im sehr gut sortierten Zeitschriftenhandel erh�ltlich.
	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.
	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.
	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)
	28. April 2011 - Neues WebGL Einsteiger-Tutorial http://www.heise.de/ix/inhalt.html Ab heute erscheint in insgesamt drei Teilen ein komplett neu erstelltes WebGL-Tutorial (vom Autor dieser Seiten) in der iX. Im ersten Teil werden die Grundlagen bis zum Erzeugen der ersten Dreiecke f�r Einsteiger erkl�rt. Ab sofort im gut sortierten Zeitschriftenhandel.
	22. M�rz 2011 - Firefox 4.0 released http://www.mozilla.com/de/firefox/ Lang hat's gedauert. Heute ist endlich nach zw�lf Betas und zwei Release-Candidates die finale Version von Firefox 4.0 MIT WebGL-Unterst�tzung erschienen.
	4. M�rz 2011 - WebGL Standard 1.0 ver�ffentlicht! http://www.khronos.org/news/press/releases/khronos-releases-final-webgl-1.0-specification Auch wenn der Draft-Status der Spezifikation in den letzten Wochen kaum noch eine Rolle gespielt hat: Erst seit gestern gibt es einen offiziellen "fertigen" WebGL Standard 1.0. Die Khronos-Gruppe hat in einer Pressemitteilung die Freigabe bekanntgegeben.
	3. M�rz 2011 - ...und auch Apple's Safari http://www.macwrench.de/wiki/Versteckte_Safari_Optionen#WebGL_aktivieren Von Apple Safari gibt es offenbar auch eine nightly-build Version in der sich WebGL freischalten l�sst. Ich hab's noch nicht ausprobiert, aber 100e Webseiten, die das behaupten k�nnen nicht irren ;-).
	3. M�rz 2011 - Opera 11 mit WebGL... http://labs.opera.com/news/2011/02/28/ Mit Opera hat der dritte der gro�en Browser eine (Vorab-)Version ver�ffentlicht, die WebGL unterst�tzt. In dem o.g. Blogeintrag findet sich der Link zum Download der Pre-Releaseversion.
	27. Februar 2011 - WebGL auf Android-Ger�ten ? http://blogs.sonyericsson.com/developerworld/2011/02/24/webgl-support-in-the-android-web-browser/ Es sieht so aus, als w�rde WebGL in n�chster Zeit auch in den Android-Standardbrowser Einzug halten. Der verlinkte Blog-Eintrag spricht jedenfalls daf�r. Spannend wird sein, wie die begrenzten Hardwareresourcen der mobilen Ger�ten mit der 3D-Grafik fertig werden.
	23. Februar 2011 - Ein neues Framework: PhiloGL http://senchalabs.github.com/philogl/ Sencha, die Firma die auch das Javascript Framework ExtJS entwickelt, hat mit PhiloGL ein professionel aufgebautes Framework entwickelt. Es ist sehr nah an WebGL und meiner Ansicht nach lohnt es sich nicht, da der Lernaufwand kaum geringer sein d�rfte als f�r reines WebGL. Ich habe es dennoch zum Anlass genommen, die Frameworks-�bersicht auf dieser Seite zu aktualisieren.
	21. Februar 2011 - OBJ-Scan-Loader �berarbeitet pstextured/index.html Das "Objekt" war ja vor einiger Zeit schonmal als extremer Quickhack online. Inzwischen habe ich den OBJ-Parser �berarbeitet und wieder eine angemessene "�ber den Autor"-Seite online gestellt. Die Daten werden direkt aus einer .obj-Datei und zugeh�riger .mtl-Datei geladen. Die Scandaten wurden mit einem Vitus Pro Bodyscanner erzeugt.
	17. Februar 2011 - JS Algebra Bibliotheken http://code.google.com/p/glmatrix/ Vektor- und Matrizzenrechnung ist ein wichtiges Thema bei der Erstellung von WebGL-Seiten. In den Tutorials auf dieser Seite wird daf�r die Javascript Bibliothek Sylvester.js verwendet. Aus heutiger Sicht ist glmatrix.js jedoch mehr zu empfehlen (siehe Link). glmatrix.js ist speziell f�r WebGL auf Geschwindigkeit optimiert in der Anwendung nicht komplizierter als sylvester.js.
	15. Februar 2011 - Update: setInterval ist b�se! webgltutorial4.php Mit gutem Grund wird in den WebGL-FAQs dringend empfohlen, f�r WebGL-Animationen die neue (browserabh�ngige) Funktion requestAnimationFrame zu verwenden. Bisher findet man i.d.R. setInterval in WebGL-Beispielen. Ich habe Kapitel 4 : Animation entsprechend aktualisiert.
	6. Februar 2011 - WebGL API - Spickzettel http://webgl.peter-strohm.de/WebGLSpickzettel.xml Eine �bersicht �ber die wichtigsten WebGL API-Funktionen ist in dem WebGL Spickzettel zu finden. Funktionen, Parameter und R�ckgabewerte sind dort aufgelistet und auf deutsch erl�utert.
	4. Februar 2011 - Chrome 9 mit WebGL-ver�ffentlicht http://www.google.com/chrome/intl/de/landing_win.html?hl=de Ein gro�er Schritt f�r die WebGL-Welt: Mit Chrome 9.0 hat der erste der gro�en Browser eine offizielle Version ver�ffentlich, die von Hause aus WebGL unterst�tzt. Bis auch Firefox 4.0 das Betastadium verl�sst wird es voraussichtlich ebenfalls nur noch wenige Wochen dauern. Jezt geht's richtig los!
	2. Februar 2011 - Ein minimalistisches WebGL-Beispiel http://webgl.peter-strohm.de/minimalistischesWebGLBeispiel.html F�r alle Neueinsteiger in WebGL sicherlich hilfreich: Ich habe eine minimalistische WebGL-Seite erstellt, die ohne verschachtelte JavaScript-Funktionen auskommt, keine zus�tzlichen .js Dateien nachl�dt und mit insgesamt 69 Zeilen Quellcode �berschaubar ist. Bewusst weggelassen sind Fehlerbehandlungen. Das Beispiel soll die essenziellen Schritte bei der Erstellung von WebGL-Seiten aufzeigen. Der Quellcode ist ausf�hrlich kommentiert. Getestet mit Firefox 4.0b 10 und Chrome 9 beta
	19. Oktober 2010 - WebGL Status in Chromium und Firefox 4.0 http://www.mozilla.com/de/firefox/all-beta.html Gute Nachrichten: In den aktuellen Beta-/Nightly- Versionen von Chromium und Firefox ist die WebGL-Unterst�tzung standardm��ig aktiviert. D.h. es wird bald nicht mehr n�tig sein, den Browser in irgendeiner Weise f�r WebGL zu konfigurieren und ich kann vielleicht bald Tutorial "0" l�schen.
	20. August 2010 - MathJax http://www.mathjax.org/ In eigener Sache: Die mathematischen Formeln, die in den Tutorials vorkommen (v.A. in Nr. 2 und 8) hatte ich bisher als Grafiken erstellt und mit dem <img>-Tag eingef�gt. Seit heute werden die Formeln mittels der JavaScript-Bibliothek MathJax dynamisch erzeugt. Das sieht deutlich besser aus und l�sst sich leichter pflegen falls doch mal etwas nicht stimmt. Ich denke, die daf�r leicht verl�ngerten Ladezeiten sind ein ertr�gliches Opfer.
	8. August 2010 - Tutorial 8: Interaktion II - 2D Mausklicks im 3D Raum http://www.peter-strohm.de/webgl/webgltutorial8.php Das achte Kapitel meines WebGL-Tutorials ist seit heute online. Es geht um die Interaktion des Users mit der 3D-Szene. Wie kann man ermitteln, welches 3D-Objekt ein User angeklickt hat? Wie �bertr�gt man die 2D-Koordinaten der Maus zur�ck in den 3D Raum? Diese und weitere Fragen beantwortet das Tutorial. Au�erdem gibt es interessantes �ber die Verwendung einer 2D-Canvas als Textur f�r 3D-Objekte und einen Schritt zur Verbesserung der Verwaltung der 3D-Vertizes und Dreiecke.
	31. Juli 2010 - Das NPOT-Problem http://www.khronos.org/webgl/wiki/WebGL_and_OpenGL_Differences Es geht um das NPOT(No-Power-Of-Two; "keine 2er-Potenz")-Problem. Aus Gr�nden, die hier erkl�rt sind, m�ssen Texturengrafiken f�r WebGL ausschlie�lich Kantenl�ngen haben, die einer 2er-Potenz entsprechen (4,8,16,..,1024 etc Pixel hoch bzw. breit). Netterweise ist Mozilla nicht so anspruchsvoll und hat meine Texturen auch bisher brav angezeigt. Jezt habe ich die Grafikdateien angepasst, und siehe da: auch in Chromium klappt's mit den Texturen!
	WebGL-Tutorial Beleuchtung I endlich online http://www.peter-strohm.de/webgl/webgltutorial7.php Endlich bin ich dazu gekommen, ein weiteres Kapitel meines WebGL-Tutorials online zu stellen: Beleuchtung I ist seit heute ver�ffentlicht. Es geht um Umgebungslicht und gerichtete Beleuchtung (Ambient and Directional Light f�r die Anglizisten). Viel Spass!
	Erste Jobausschreibung f�r WebGL-Entwickler http://www.jobworld.de/stellenangebote-jobs-Muenchen/Spannendes_Prestige_Projekt_Javasript_5mkn3-7ege9.html?l=85579 Die wirtschaftliche Bedeutung von WebGL w�chst: heute habe ich die erste Jobausschreibung zum Thema WebGL entdeckt: Jobangebot Meine Prognose: das wird nicht das letzte gewesen sein.