Otwórz Zamknij Wyszukaj

Co potrafi HTML5? Zagraj w Super Sync Sports!

3

04 marca 2013

Kategorie: HTML5, Mobile web

Często powtarzam, że w mobile webie można wykręcić naprawdę dobre projekty. Ba, uważam, że rozwój mobile web ważniejszy jest niż mobile apps. Ten wątek nie jest jednak po to, by pogłębiać tę tezę, przynajmniej nie wprost. Chcę Cię zainspirować i pokazać, ile można wyczarować w aplikacji webowej, bez konieczności developowania natywnej aplikacji mobilnej.

We wrześniu minionego roku zachwycił mnie serwis ParaNorman.com i długo czekałam na coś równie popisowego. Dziś trafiam na kolejny projekt, tym razem od Google, który światło dzienne ujrzał 5 dni temu, a nazywa się Super Sync Sports. Najpierw zobaczcie trailer:

Na czym polega gra?

Zasady gry są banalnie proste. Zadaniem gracza jest jak najszybsze dotarcie do mety, a przynajmniej znalezienie się na podium. Plansze (wyścigi) są trzy: pływanie, bieganie, kolarstwo. Widok planszy dostępny jest w przeglądarce desktopowej, natomiast sterowanie graczem odbywa się za pośrednictwem smartfona lub tabletu. Tak, dokładnie – tu zaczyna się cała zabawa – urządzenie mobilne jest pilotem do tego, co dzieje się na ekranie komputera stacjonarnego lub laptopa.

Możesz grać w trybie pojedynczego gracza lub multiplayer (łącznie może być was czwórka).


Jak grać?

Jak sama nazwa i brand projektu wskazuje, najbardziej potrzebna jest tu przeglądarka Chrome, ale… i bez niej można zagrać. Potrzebny do tego jest komputer z przeglądarką internetową Firefox w wersji 10 lub wyższej, Safari w wersji 5.6+ lub właśnie Chrome w wersji 15+, a także smartfon (lub tablet) z przeglądarką mobilną Firefox w wersji 15+, Safari w wersji 5+ lub Chrome for Mobile na Androida w wersji 4.0+ lub iOS 4.3+ oraz sprawne Wi-Fi.

Aby rozpocząć wejdź na stronę chrome.com/supersyncsports, zsynchronizuj urządzenia (robi się to poprzez przepisanie krótkiego kodu z przeglądarki desktopowej do mobilnej), wybierz gracza i … graj!! Ale najpierw rozgrzej swoje palce – będzie Ci to potrzebne :)

 

Poniżej kilka zrzutów ekranu z przeglądarki desktopowej i mobilnej – w obu przypadkach korzystałam z Safari:


 

 

 

 

 

 

Jak oni to zrobili?

Czary ;) A tak naprawdę aplikacja ta napisana jest w języku HTML5 i wykorzystuje towarzyszące mu nowe technologie jak np. WebSockets (do synchronizacji mobile i desktopu w czasie rzeczywistym), Canvas i CSS3. Więcej technikaliów w zakładce „About”.

 

Po prostu spróbuj

Myślę, że nawet tysiące słów nie są w stanie opisać, jak fajnie to działa, dlatego na tym pragnę dzisiejszy post zakończyć i zachęcam do kliknięcia w link: Super Sync Sports. Jeśli jesteś teraz w biurze, a w pokoju masz przynajmniej 3 smartfonowców, to do końca dnia pracę macie już z głowy ;) Powodzenia! Dajcie znać o Waszych wynikach na FB, Twitterze lub G+ :)

Masz chwilę? Przeczytaj jeszcze:

  • Połączenie smartfon + desktop = rewelacja! Fajnie, że nawet na słabszym wi-fi sync daje sobie ładnie radę. Mam tylko nadzieję, że wyścigi biurowe zbytnio nas nie wchłoną;)

  • Oto nowy eksperyment japońskiego Google: World Wide Maze, http://chrome.com/maze/ :)

  • Delikatna szkoda zmarnowanego potencjału – można było zrobić synchronizację za pomocą QR kodu.

jestem.mobi

Zamknij

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close