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: Ссылка
>Tags und Links javascript shader webgl