Wie funktioniert WebGL (auf Firefox) Arbeit?

Question

packte ich firefox 3.7a (Anmerkung gehen zu about: config und ermöglichen webgl) und lief die Beispiele auf dieser Seite http://www.iquilezles.org/apps/shadertoy/

Die Beispiele wurden cool dann traf es mich. Wie läuft es? Code wird ran, nicht wahr? Ist das eine Implementierung von LLVM? los ist etwas anderes? Werde ich in der Lage sein, meine eigenen Beispiele laufen und tun so etwas wie ein Kommandozeilen-Text-basiertes Spiel?

Answer 1

Die Shader-Beispiele auf dieser Seite sind in einer C-ähnlichen Sprache geschrieben GLSL genannt, das ist die (Open / Web) GL Shader Language. Wenn sie ausgeführt sind, sendet der JavaScript-Code WebGL die Shader Quelle aus, um Ihre Funktionen OpenGL-Grafiktreiber, die es kompilieren zu einem Maschinencode vor, dass läuft direkt auf der GPU.

BTW, die Shader-only Art der Codierung, während sehr beliebt und eine gute Möglichkeit, coole Demos zu schreiben, ist nicht ganz typische Verwendung von WebGL. Normalerweise werden die Shader verwendet, um eine Menge der schweren Zahl Knirschen zu tun, aber das Design und Animation der verschiedenen Objekte, die die Szene bilden, wird in JavaScript getan. (In OpenGL, würden Sie eine ähnliche Spaltung zwischen GLSL sehen und einer anderen Sprache wie C oder C ++.)

Wenn Sie mehr über Codierung WebGL lernen möchten, können Sie Besuch tun schlimmer als die Tutorials auf meiner Website, learningwebgl.com . Ich verbinde häufig zu anderen Menschen die Demos und auch Tutorials, wenn Sie also nicht wie meine Beispiele tun sollten Sie leicht in der Lage sein, etwas Besseres zu finden: -)