Wie wird diese rotierende Spirale in WebGL implementiert? [geschlossen]

8

Könnte jemand versuchen, eine gegebene Animation in ein WebGL-Shader-Beispiel zu implementieren? Es wäre toll für Leute, die WebGL wie ich lernen.

Quelle: Ссылка

    
zproxy 09.01.2011, 08:24
quelle

1 Antwort

20

Ich habe Ihre Animation in Ссылка implementiert. Es wird Ihnen eine Meldung "WebGL nicht unterstützt" angezeigt, wenn Ihr Browser WebGL nicht unterstützt. Es wurde aus einer Sandbox erstellt, die von mrdoob erstellt wurde . Die Grundidee besteht darin, eine rechteckige Fläche (bestehend aus zwei Dreiecken) zu zeigen und den Shader auf die Fläche anzuwenden.

Der tatsächliche Shader-Code lautet wie folgt:

%Vor%

Die Größe der Spirale ändert sich mit dem Browser-Fenster, aber Sie könnten sich stattdessen für eine Leinwand mit fester Größe entscheiden.

Update: Nur zum Spaß, hier ist genau die gleiche Implementierung in einem jsfiddle: Ссылка

>     
brainjam 19.01.2011, 23:29
quelle

Tags und Links