WebGL to jedna z możliwych technologii dla sieci przyszłości, w której internet będzie tworzony nie tylko przez statyczne strony, ale także przez interaktywne aplikacje 3D . WebGL to technologia promowana obecnie przez Google i Mozillę, która rozszerza zdolność Javascript do generowania grafiki 3D bez żadnych wtyczek. W tej prezentacji widzimy 30 najlepszych eksperymentalnych witryn opracowanych przy użyciu WebGL, które można kliknąć i zobaczyć, ponieważ w wielu przypadkach są spektakularne !
Aby otworzyć te strony, wymagana jest przeglądarka Google Chrome lub najnowsza wersja Firefox lub Safari ; na razie nie są widoczne w Internet Explorerze.
Każdą z tych witryn, po ich otwarciu, warto zobaczyć na pełnym ekranie, naciskając klawisz F11 na klawiaturze.
Czytaj także: Najlepsze strony flash i HTML5, najpiękniejsze, animowane i interaktywne
1) Interaktywne filmy
- 3 Dreams Of Black to wirtualny świat zbudowany z rysunków i animacji, które przeplatają się w interaktywnych sekwencjach 3D.
- Akwarium to prawdziwe akwarium, w którym symulowane jest środowisko podwodne. Demo oferuje modele ryb 3D z wysokiej jakości teksturami, animacjami, modułami do cieniowania pikseli i wszystkim, czego potrzebujesz, aby obraz był absolutnie realistyczny. Z menu po lewej stronie możesz zmienić kamerę i zwiększyć liczbę ryb.
- Atraktory Trip to interaktywne demo, w którym możesz przeżyć podróż w hiperprzestrzeni w 3D. Możesz przyspieszać za pomocą strzałek na klawiaturze w górę i w dół i zmieniać obrót za pomocą lewej i prawej.
- Meduza to meduza odtworzona w sposób naukowy i realistyczny.
- Wobble Dance to piękny film, w którym twarz porusza się z bardzo niepokojącą muzyką.
- Cirque De Soleil, która tańczy i śpiewa w interaktywnym filmie, jest „eksperymentem Chrome” promowanym przez Google.
- Wideo do filmu Wielkiego i Potężnego Czarnoksiężnika z Krainy Oz to interaktywna aplikacja HTML5 w języku włoskim, opracowana przez Disneya i Google'a.
2) Samochody Trzy piękne strony poświęcone są miłośnikom samochodów wyścigowych i Formuły 1 Ferrari.
- W HelloRacer możesz prowadzić Ferrari wiernie odwzorowane w 3D, używając strzałek i śledzić jego ruch jak w grze wideo.
- Kolejna strona 3D jest również poświęcona samochodom: Material Cars, w których odtwarzane są modele Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 i Chevrolet Camaro, a także możesz wybrać kolor.
- Trzecią stroną są samochody WebGL, w których można prowadzić dwa samochody wyścigowe oglądane w 3D pod różnymi kątami. Jedna maszyna jest napędzana strzałkami, druga za pomocą klawiszy WASD; naciśnięcie B powoduje włączenie efektu prędkości, natomiast w przypadku N można ustawić widok nocny.
3) Stworzenie
- Collectibles Printer to aplikacja internetowa, w której można stworzyć postać 3D za pomocą prostego edytora.
Nie ma wątpliwości, że WebGL może być wykorzystywany do tworzenia aplikacji internetowych, a ten 3D Figure Designer sprawi, że uśmiechniesz się dzięki jego zabawnym komponentom i płynnej obsłudze.
Na koniec możesz udostępnić swoje dzieło za pomocą linku.
- Google Web Lab to zestaw eksperymentów online, wśród których najlepszy jest orkiestra, w której można grać w interaktywny sekwencer. Jest bezpośrednio podłączony do Muzeum Nauki w Londynie. Istnieje również Data Tracer do wyszukiwania obrazów na świecie, Teleporter, do oglądania kamer internetowych w innych krajach oraz Sketchbots, aby zobaczyć rysowaną twarz.
- Szkic to tablica, na której można rysować za pomocą myszy; każdy projekt można obrócić o 360 stopni.
Inne ładne strony z twórczością znajdują się w artykule Tworzenie sztuki abstrakcyjnej oraz obrazów i rysunków w Internecie
4) Gry online w WebGL - Pacman z subiektywnym widokiem FPS jest wspaniały, to gra Pac Man w 3D, która nawet na Playstation nigdy nie została wydana!
TankWorld to strzelanka z różnymi mapami do eksploracji i różnymi poziomami gry.
- Playmapscube to gra, w której możesz przetoczyć piłkę do kostki Google Maps, o której wspomniałem kilka miesięcy temu, w artykule na temat gier opartych na Google Maps, osadzonym w prawdziwym świecie.
5) Manipulowanie zdjęciami - Rutt-Etra-Izer to aplikacja internetowa, w której można przesłać zdjęcie i obejrzeć je w 3D z bardzo szczególnym efektem. Aby zapisać obraz, możesz nacisnąć klawisz S, podczas gdy po prawej stronie możesz dostosować wyświetlanie, przesuwając różne parametry.
- Filtr WebGl to prawdziwa interaktywna aplikacja do edycji zdjęć internetowych, w której można przesyłać zdjęcia i przenosić różne parametry, aby zastosować różne efekty i edytować obrazy.
5) Twitter
Ultranoir to animowane wideo 3D, które integruje się z serwisem Twitter.
Możesz określić hashtag, być może najczęściej wymieniany dziś na Twitterze, to czytać różne tweety prowadzone przez latające obiekty, samoloty, statki kosmiczne, wszystkie doprawione romantyczną muzyką i relaksującą atmosferą.
Przesuwając mysz i klikając, możesz zmienić widok.
6) Eksperymenty z Google Chrome to strona eksperymentów Google WebGL, w tym: - BookCase WebGL to wirtualna księgarnia, w której można przeglądać 10 000 okładek książek Google.
Możesz także wyszukiwać według tematu, otwierać model 3D i pobierać książki na telefon komórkowy za pomocą kodu QR.
Niestety zbierane są tylko książki napisane w języku angielskim.
- Google Gravity to dobry sposób na wyszukiwanie w Google, z kawałkami strony, które spadają na ziemię.
Google Gravity to jeden z najlepszych żartów Google.
- Ball Pool, w którym możesz grać z piłkami.
- WordFlights pozwala zobaczyć trasy wszystkich głównych samolotów, filtrując je według firmy.
- StreetView StereoGraphic to aplikacja internetowa, w której z jednej strony znajdują się Google Maps, z drugiej Google StreetView z ulicami wyglądającymi, jakby znajdowały się w kryształowej kuli.
- Toki Toki to zegar wykonany z przewijaniem strony.
Wreszcie pamiętam, że możesz również aktywować grafikę WebGL w Mapach Google.
