Witryna HTML5 prezentuje 48 potencjalnych demonstracji zabijania błysku

Słyszałeś, że wszystkie pogłoski o HTML5 przejmą Adobe Flash. Podczas gdy większość społeczności internetowej twierdzi, że jest to możliwe, czy nie, musisz się zastanawiać, co sprawia, że ​​HTML5 jest tak potężny, że nawet gigantyczna firma Apple chce go użyć do zastąpienia Flasha.

Dlatego ten post istnieje, nie będziemy rozmawiać o tym, co HTML5 może zrobić, ale pokazywać pokazy na żywo magicznych rzeczy, które HTML5 może osiągnąć w innym języku, takim jak JavaScript, więc przygotuj się na inspirację.

Uwaga: Ponieważ HTML5 nie jest w pełni obsługiwany przez niektóre przeglądarki internetowe, takie jak Internet Explorer, zdecydowanie zalecamy korzystanie z przeglądarki Firefox, aby wyświetlić wszystkie prezentacje HTML5 poniżej.

Animacja

Element canvas HTML5 jest decydującym czynnikiem dla zastąpienia pewnych animacji Flash HTML5. Pozwala budować dynamiczne, skryptowalne renderowanie kształtów 2D i obrazów bitmapowych za pomocą Javascript, co w inny sposób oznacza kontrolowaną animację.

Animacja audioburst

Wygodna i fantastyczna animacja stworzona z kanwy HTML5 i znacznika audio.

Basen z piłeczkami

Prezentowane w ostatnim wydarzeniu Google I / O to demo pokazuje, jak dynamiczny może być HTML5.

Blob Sallad

Stworzony przez HTML5 stwór, który cię ucieszy.

Bomomo

Dzięki Bomomo możesz obserwować różne ruchy atomowe symulowane za pomocą HTML5.

Piłka przeglądarki

Zaskocz się piłką HTML5 „między przeglądarkami”.

Pęcherzyki

Baw się dobrze, tworząc nieskończone pływające bąbelki o innym kolorze.

Animacja animowana na płótnie

Prosty i zabawny rysunek HTML5, który pomaga zrozumieć, co może zrobić element kanwy HTML5.

Coolclock

Miły, konfigurowalny zegar analogowy zbudowany przez HTML5 i JavaScript.

Pokaz slajdów Flickr PS3

Zobacz zdjęcia Flickr w pokazie slajdów w stylu PS3 w przeglądarce internetowej.

Interaktywny polaroid

Interaktywne demo, które działa podobnie do interfejsu wielodotykowego.

JS Fireworks

Ciesz się chwilą fajerwerków z preferowaną grawitacją i szybkością, zasilaną przez HTML5 i Javascript.

Kalejdoskop

Bardzo piękny i futurystyczny kalejdoskop HTML5.

Ciekłe cząstki

Animacja cząstek wrażliwych, która reaguje na ruchy myszy.

Mesmerizer

Kolejne wrażliwe i wyjątkowe demo HTML5, które pokazuje, jak sąsiednie elementy reagują ruchem myszy.

Chmura Mgławicy

Zgub się z tą cudowną mgławicą HTML5.

Paralaksa

Wyświetl wszystkie kształty 2D w równoległej perspektywie.

Animacja cząstek

Elegancka animacja cząstek HTML5, która może tworzyć preferowaną wiadomość.

Rozpiętość

Zgub się dzięki tej niekończącej się animacji rozprzestrzeniania.

Starfield

Bardzo fajna animacja starfielda HTML5, która zmienia kierunek i prędkość w oparciu o ruch myszy.

Zniszczenie wideo

Jedno kliknięcie, aby przeskoczyć odtwarzany film.

Przebieg

Obserwuj, jak porusza się fala płótna HTML5, zmieniając jej amplitudę, długość fali, szerokość itd.

Efekt 3D

Imponująca animacja płótna? To więcej elementów kanwy HTML5, które nazywa się efektem 3D. Twórca może polegać na elemencie canvas, DOM i JavaScript, aby stworzyć efekt 3D, który później można przekształcić w animację 3D lub grę.

Canvas3D i Flickr

Przeżyj zupełnie nowe wrażenia 3D dzięki zdjęciom Flickr.

Symulacja tkaniny

Realistyczna, oparta na HTML5 symulacja tkaniny.

Ewoluujący Potwór

Obserwuj potwora ewoluującego w skomplikowane stworzenie, jednym z jego twórców jest HTML5.

Google Giftbox

Gigantyczna wyszukiwarka Google jest prezentowana w 3D, grywalny widok.

JS Touch

Wysokiej jakości i realistyczna prezentacja „3D na 2D Canvas”.

Prezentacja danych

Podczas gdy element płótna HTML5 może być użyty do tworzenia animacji i efektu 3D, może być również zaimplementowany do prezentacji danych matematycznych.

Gnuplot

Gnuplot, aplikacja do kreślenia danych w wersji HTML5.

RGraph

RGraph zapewnia szeroki zakres prezentacji danych, takich jak wykres słupkowy, pasek postępu i tradycyjny wykres radarowy.

Aplikacja internetowa

Ostatecznie, korzystając ze wszystkich możliwości w połączeniu z HTML5 i innymi językami, można tworzyć interaktywne aplikacje lub gry, które są zbliżone do aplikacji Flash.

CanvasPaint

Świadek, że brat Microsoft Paint wchodzi do przeglądarki, a jego ojciec to HTML5.

CanvasMol

Aplikacja naukowa, która została stworzona, aby pomóc ci zrozumieć pewną strukturę elementu ziemi.

Cartoon Builder

Narysuj ciekawy obraz animowany z tym minimalnym i interaktywnym kreatorem kreskówek.

Przeciągnij wszystko tutaj

Przeciągnij wszystko, co możesz przeciągnąć w pokazie, aby wyświetlić szczegóły.

Gartic Sketch

Oryginalna aplikacja HTML5, która pozwala tworzyć podstawowe rysunki, które można zapisać w innym formacie obrazu, np. Jpeg lub png.

PhysicSketch

Narysuj to, co ci się podoba i zobacz, jak reagują symulowaną grawitacją.

Szkicownik

Potężna aplikacja do rysowania HTML5, która pozwala rysować i edytować obraz w precyzyjny sposób.

Pogawędka

Aplikacja internetowa, która potwierdza położenie geograficzne wiadomości związanej z pogodą, pozyskanej z Twittera, tworząc w ten sposób mapę opartą na płótnie „pogodę społeczną”, całkiem trywialną (jak twierdzi autor), ale interesującą.

Gra

3 Znudzony

Nigdy nie będziesz się nudzić, jeśli będziesz mógł uniknąć setek pocisków HTML5 w następnej sekundzie.

Breakout

Odbij piłkę, aby złamać wszystkie cegły.

Canvascape

Nie jest to gra, ale pokazuje, w jaki sposób HTML5 może zostać użyty do stworzenia gry przeglądarkowej First Person Shooting.

Złap to

Ile piłek możesz uniknąć, aby uzyskać wygrywający kwadrat HTML5?

Reakcja łańcuchowa

Połącz eksplozję, aby osiągnąć cel, nie uzależniaj się.

Cubeout

Zagraj w Tetris w 3D, widok z góry.

etchaFizyka

Narysuj przedmiot, aby przesunąć piłkę do gwiazdy, nie zapomnij o grawitacji.

Układanka

Kliknij, obróć i upuść puzzle, aby rozwiązać zagadkę opartą na HTML5.

Slide Puzzle

Przesuń się do zwycięstwa, kolejnej gry HTML5 stworzonej, by wycisnąć sok z umysłu.

Ta sama gra

Usuń pewną grupę, aby sparować inną grupę w tym samym kolorze, a ostatecznie otrzymasz zwycięstwo.

Tetris

Jedna z najbardziej klasycznych gier przywróconych do życia przez HTML5.

Torus

Kolejna gra Tetris w wersji pseudo-3D.

Wniosek

Jakie są ograniczenia HTML5? W tym momencie nie możemy się zdecydować, ale dzięki imponującemu filmowi poniżej możemy wiedzieć, jak daleko został przesunięty HTML5:

Tak, to Quake II w przeglądarce internetowej, więc teraz jest jasne, że dzięki HTML5 powstanie bardziej przełomowa aplikacja internetowa, która będzie obsługiwać miliardy użytkowników Internetu. Jest szybki, ewoluuje i zmienia światową sieć. Pytanie brzmi, jak użyłbyś tego zmieniającego grę HTML5?

Lubimy słuchać Twojego pomysłu!