20 erstaunliche Beispiele für WebGL in Aktion

Seite 2 von 2: Seite 2

09. Beben 3

WebGL-Sites: Quake 3

Es ist Quake 3 ... du kannst es einfach nicht spielen

Dieses nächste Spiel ist weniger spielbar, aber grafisch beeindruckender: Entwickler Brandon Jones konvertierte ein Level von Quake 3 in eine WebGL-Demo mit Musik. Es macht Spaß, herumzulaufen, auch wenn man es nicht richtig spielen kann.

10. WebGL Wasser

WebGL-Sites: WebGL Water



Erstellen Sie Wellen mit Evans Wasserexperiment

WebGL Water ist ein Experiment von Evan Wallace und es zeigt eine interaktive Szene eines Balls in einem Pool mit Reflexionen, Refraktionen, Ätzmitteln und Umgebungsverschlüssen. Sie können mit der Maus auf das Wasser zeichnen, um Wellen zu erzeugen, die Lichtrichtung zu ändern oder sogar die Schwerkraft umzuschalten - ein Spiel wert.

elf. Google Maps Cube-Spiel

WebGL-Sites: Google Maps Cube Game

Hilf einem kleinen blauen Ball, durch die Straßen einer Stadt in deiner Nähe zu navigieren

Das Google Maps-Team ist beigetreten B-Rolle um das Google Maps Cube-Spiel zu erstellen, bei dem Sie einem kleinen blauen Ball helfen, durch die Straßen von New York, Tokio, Paris und San Francisco (unter anderem) zu navigieren. Während Sie Ihre Maus bewegen, dreht sich der Würfel und der Ball rollt durch die Straßen, prallt von Gebäuden ab und macht sich auf den Weg zum Ziel. Das Maps Cube-Spiel verwendet three.js für sein großartiges Rendering.

wie man eine Katze im Stehen zeichnet

12. WebGL-Autos

WebGL Cars ist eine Demo, die vom Co-Autor von three.js erstellt wurde AlteredQualia . Wie es für seine Demos typisch ist, ist es optisch beeindruckend - Sie können zwei High-Polygon-Autos um eine Szene herumfahren. Die Demo selbst bietet Echtzeitreflexionen, Schattenkarten und einen beeindruckenden Bewegungsunschärfeeffekt nach der Verarbeitung.

13. Partikel Morph

WebGL bietet die Möglichkeit, viele 3D-Punkte zu verschieben, wie Sie in sehen werden OutsideOfSociety 's Partikel Morph Demo. In der Demo sehen Sie 85.000 Partikel, die sich zwischen den Formen verwandeln. Alle sollten für jeden, der einen relativ neuen Computer verwendet, seidenweich laufen.

14. Chaos bis zur Perfektion

wie man in Photoshop eine Farbe in eine andere ändert

Chaos to Perfection wird als 'interaktiver Spaziergang durch das Schloss von Versailles' beschrieben, und das ist, um fair zu sein, genau das, was es ist.

Wenn Sie die Site starten, werden Sie mit einem Soundtrack begrüßt und erhalten einen Rundgang durch einige der Merkmale des Palastes, aber es ist in der Ausführung dieses Projekts wirklich glänzend. Während Sie durch die verschiedenen Umgebungen des Palastes schweben und die High-Fidelity-Architektur und die Stücke betrachten, verschmelzen die Szenen mühelos miteinander, was zu einem sehr filmischen Gefühl führt.

Dies ist eine aktualisierte und erweiterte Version eines Artikels, der zuvor auf Creative Bloq veröffentlicht wurde.

Zum Thema passende Artikel:

  • Das VR-Web ist da
  • Top-Tipps zum Skalieren von AR-Apps im Jahr 2017
  • Wie das intelligente Web unsere Interaktionen verändern wird
  • 1
  • zwei

Aktuelle Seite: Seite 2

Vorherige Seite Seite 1