Three.js die Javascript/WebGL 3D-Grafikbibliothek
Ich interessiere mich schon lange für 3D-Grafiken. Das Interesse begann mit 3D-Spielen. Damals, als 3DFX-Grafikkarten populär waren, bekamen wir eine Kostprobe davon, was hardwarebeschleunigte 3D-Grafiken auf einem Windows-basierten Betriebssystem leisten konnten.
Seitdem sind die Hardwarehersteller bestrebt, immer leistungsfähigere Hardware zu bauen. Mit dem Aufkommen von HTML5 und WebGL können wir komplexe 3D-Grafiken in einer Webumgebung erleben.
Es gibt zwar Browser-Plugins (Flash Shockwave, Silverlight, Java), mit denen 3D in einem Browser generiert werden konnte, die Unterstützung in den verschiedenen Browsern und auf unterschiedlichen Plattformen (hauptsächlich iOS) war jedoch unterschiedlich.
Da sich WebGL nun immer stärker als Webstandard durchsetzt (ja, es wurde kürzlich zu iOS 8 hinzugefügt!), haben wir endlich die Möglichkeit, komplexe 3D-Grafiken in einem Webbrowser zu generieren. Ich denke, das hat das Potenzial, das Web endlich in die 3. Dimension zu bringen.
Angesichts der wachsenden Unterstützung für WebGL haben wir uns eine der besten verfügbaren WebGL-Grafikbibliotheken angesehen:drei.js. Hier sehen wir uns einige der besten Three.js- Demos an, die wir finden konnten:
1. Samsung Racer
Dies ist eine Demo eines Formel-1-Rennwagens, der ein einzelnes F1-Auto herumrast. Durch Klicken auf das Auto ändert sich der Kamerawinkel.
Sie können die Demo ansehen Hier.
2. Lichter
Beobachten Sie, wie die Grafiken zur Musik tanzen. Mit der Maus steuern Sie die Richtung des Hauptlichts.
Sie können die Demo ansehen Hier.
3. Essen Sie mit Absicht
Dies ist ein kleines Spiel/eine kleine Demo. Sie können die Figur steuern und durch die 3D-Welt springen.
Sie können die Demo ansehen Hier.
4. Die Divergent-Reihe
Hier ist eine interaktive Website für einen Trailer zum kommenden Film „Die Bestimmung – Divergent Series“.
Sie können die Demo ansehen Hier.
5. Stadt der Drohnen
Fliegen Sie mit den Augen einer Drohne durch eine unendliche Stadt.
Sie können die Demo ansehen Hier.
Wenn Sie eine WebGL-Demo oder eine coole Website erstellt haben, die WebGL verwendet, lassen Sie es uns bitte wissen.
