Was ist WebGL-Shader-Spielwiese?

Schreibe GLSL-Vertex- und Fragment-Shader und sieh das gerenderte Ergebnis sofort per WebGL. Keine lokale Installation nötig. Nutze es zum Erlernen der Shader-Programmierung, zum Prototyping von Effekten oder zum Ausprobieren von GPU-beschleunigter Grafik.

Anleitung

1. Schreibe oder füge deinen GLSL-Fragment-Shader-Code in den Editor ein. Ein Standard-Shader ist bereits geladen.
2. Die Live-Vorschau aktualisiert sich beim Tippen. Eingebaute Uniforms umfassen Zeit, Auflösung und Mausposition.
3. Exportiere deinen Shader als PNG-Screenshot oder kopiere den Code, um ihn in eigenen WebGL-Projekten zu verwenden.

Ergebnis

Ein Spieleentwickler, der einen Wasserripple-Effekt prototypisiert, schreibt einen Fragment-Shader mit Sinuswellen und dem Zeit-Uniform. Das Vorschaufenster zeigt das animierte Ergebnis live an.

Ähnliche Tools