Już chyba każdy zdążył się zorientować ze HTML5 stał się w zasadzie standardem, który jest coraz częściej spotykany i używany, a kolejne wersje przeglądarek oferują dla niego coraz większe wsparcie.

W dzisiejszym zestawieniu zebrałem kilka naprawdę interesujących i inspirujących przykładów wykorzystania HTML5 najczęściej w połączeniu z JavaScriptem, co daje naprawdę zadziwiające efekty. Część z tych przykładów istnieje w sieci od jakiegoś czasu, a część jest zupełnie nowych – zachęcam do przejrzenia wszystkich.

1. The Wilderness Downtown

Bardzo interesująca aplikacja stworzona m.in przez pracowników Googla i The Arcade Fire. Dzięki wykorzystaniu HTML5 masz możliwość stworzenia teledysku wykorzystującego faktyczne miejsca. Wpisujesz adres domu w którym się wychowałeś i oglądasz teledysk z rodzinnego miasta wykorzystując Google Maps i Google Street View. Niestety z braku Street View w Polce najlepiej zobaczyć efekt wpisując miasto, w którym usługa ta jest dostępna.

2. Agent 8-Ball

Bardzo rozbudowana gra w poola napisana jedynie z wykorzystaniem JavaScript i elementów HTML5. Gra chodzi płynnie, ma dopracowaną grafikę i zapewnia rozrywkę na dłuższy czas.

3. Tetris 3D

Świetny remake dobrze znanego i popularnego tetrisa, który został napisany w czystym JavaScriptcie z wykorzystaniem elementów HTML5.

4. Google Gravity

Jeden z najbardziej chyba znanych przykładów wykorzystania HTML5, który zainspirował wielu innych developerów do wypróbowania możliwości piątki.

5. BallDroppings

Kolejny Chrome Experiment będący połączeniem możliwości rysowania na CANVASIE i emisji dzwięków – uwaga, wciąga! Alternatywnie rozwiązanie można potraktować jako audiowizualny instrument muzyczny online.

6. Draw Your Own Audio Snippet

Świetna demonstracja różnorodnych możliwości HTML5. Aplikacja umożliwia narysowanie linii audio lub wygenerowanie predefiniowanej, a następnie zapisanie jej, odtworzenie i podzielenie się z innymi. Warta przetestowania.

7. Canvas Cycle

Animacja renderowana z wykorzystaniem HTML5 w czasie rzeczywistym. Możliwe jest wybranie jednej spośród wielu 8bitowych scen, a następnie modyfikacja parametrów generowanej sceny, oczywiście wszystko w czasie rzeczywistym. Wszystkim tym efektom towarzyszy klimatyczna muzyka, perfekcyjnie dobrana do ery 8bit.

8. Sketchpad

„Paint Deluxe” w wersji przeglądarkowej, napisany z wykorzystaniem JavaScriptu i HTML5 – posiada wszystkie podstawowe funkcje które edytor obrazu posiadać powinien, a przy tym chodzi bardzo płynnie.

9. 20 Things

Tym razem aplikacja napisana przez Google w ramach kampanii wsparcia dla HTML5. Na stronie zobaczmy płynną animację ebooka zatytułowanego „20 rzeczy których nauczyłem się o przeglądarkach i sieci”, oczywiście napisaną z wykorzystaniem elementów HTML5.

10. Z-type

Na koniec kolejna HTML5 gra i tym razem chyba najbardziej wciągająca ze wszystkich tu zaprezentowanych. Twoim zadaniem jest zestrzelenie wszystkich napastników, a żeby to zrobić, musisz jak najszybciej napisać przypisane do niego słowo. Gra wykorzystuje HTML5, JavaScript i Audio i jest stylizowana na starych dobrych space invaders.

Zapisz się na RSS by dowiadywać się o nowościach w serwisie!