Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Przykłady WebGL

Autor: Piotr Karpiuk o poniedziałek 26. Sierpień 2013

WebGL to technologia trójwymiarowej grafiki we współczesnych przeglądarkach (z wyjątkiem Internet Explorera). Trudno w tej chwili znaleźć zbyt wiele znaczących jej zastosowań w biznesie, ale na pewno warto być świadomym jej potencjału. Dzisiaj chciałbym przedstawić co ciekawsze interaktywne przykłady użycia WebGL dostępne w Internecie. To niesamowite, co można dzisiaj zobaczyć w przeglądarce, bez potrzeby instalowania jakichkolwiek pluginów w rodzaju Flash czy Java. Kliknij obrazki, aby otworzyć odpowiadające im aplikacje na pełnym ekranie.

Quake

Popularna gra komputerowa sprzed paru lat, teraz w Twojej przeglądarce.

Katedra

Katedra. Ruch myszki zmienia kąt kamery, kliknięcie lewego przycisku myszki zmienia oświetlenie, a klawisze strzałek pozwalają na poruszanie się po wnętrzu obiektu.

Wersal

Wycieczka po Wersalu. Poruszaj myszką aby zmienić ustawienie kamery.

Car Visualizer

Można sobie wybrać markę samochodu, kolory poszczególnych części (karoseria, kołpaki) i poobracać furę w przestrzeni.

Jenga

Znana, zręcznościowo-umysłowa gra logiczna. Z drewnianej wieży, gracze kolejno usuwają z budowli dowolny klocek poniżej skończonego poziomu i układają go na górze. Przegrywa osoba, która wyciągając klocek, przewróci wieżę.

WebGL Cars

Tutaj dla odmiany za pomocą klawiszy strzałek sterujesz samochodem w trójwymiarowej przestrzeni.

WebGL Water

Świetna symulacja fizyczna basenu wypełnionego wodą. Klikając myszką wzburzasz wodę i wywołujesz fale.

Tear-able cloth

Realistyczna symulacja fizyczna zwisającej tkaniny, którą za pomocą myszki można poruszać, a nawet porwać i zrzucić.

Hopalong

Abstrakcyjna wizualizacja tunelu (fraktale?).

Pearl Boy

Tutaj możemy sobie powiosłować na morzu, albo ponurkować w poszukiwaniu pereł. Ruch myszką zmienia ustawienie kamery, kółko myszki przybliża i oddala.

Share and Enjoy:
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Śledzik
  • Blip
  • Blogger.com
  • Gadu-Gadu Live
  • LinkedIn
  • MySpace
  • Wykop

Zostaw komentarz

XHTML: Możesz użyć następujących tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>