15 (więcej) Inspirujące eksperymenty HTML5
O ile nie mieszkałeś pod kamieniem, usłyszałeś o HTML5. Teraz jest wszędzie, dzięki promocji Apple CEO były CEO Steve Jobs i niektórzy programiści, którzy uważają, że HTML5 może przejąć Flash.
Cóż, w rzeczywistości nie widzimy jeszcze takiej sytuacji, ale HTML5 jest naprawdę magiczny w odniesieniu do jego możliwości wideo, ilustracji na płótnie i animacji, które działają naprawdę dobrze i płynnie. Faktem jest, że jest tak obiecujący, że projekty pojawiają się w różnych miejscach, które zostały stworzone jako sposób testowania granic HTML5.
Uwierzcie w jego moc, czy nie, zaprezentujemy wam 15 eksperymentów oświecających, które najlepiej wykorzystują HTML5 i zgadnijcie, możecie doświadczyć grawitacji, animacji opartej na muzyce i renderowania stworzeń, które po prostu działają jak stworzenia! Miłej zabawy z nimi i oops, najlepiej służą najnowszej wersji Mozilla Firefox i Google Chrome.
Na wypadek, gdybyś nie był zadowolony z tej zabawy HTML5, mamy dla Ciebie więcej!
- HTML5: 48 Potencjalne demony zabijające Flash
- HTML5: 19 Potencjalne aplikacje internetowe
Cykl płótna
Wspólny wysiłek artysty Marka Ferrari i twórcy muzyki Josepha Huckaby'ego, to wspaniały zbiór ruchomych scen natury, takich jak lasy w zimie, krajobrazy morskie i burzliwe góry. Relaksują się i wyglądają naprawdę oszałamiająco, z dźwiękami dołączonymi do zdjęć. Jeśli chcesz trochę czasu, aby odpocząć od pracy, możesz przejrzeć te zdjęcia i poczuć, jak twoje napięcie się rozpływa.
grawitacja Google
Kolejny niesamowity Mr Doob, ten jest mniej interaktywny niż pierwszy, ale wciąż fajny. Daje podstawową kopię głównej strony wyszukiwania Google. Ale kiedy wskażesz kursorem, cała strona zacznie „opadać”, aż wszystkie spadną na dno. Logo Google działa jako aktywny link, który odświeża stronę. Dobra gra dla tych wielkich firm, które nienawidzą Google'a, może być.
Płócienne drzewa
Wykonane przez Kennetha Jorgensona, może to być jedyne miejsce, w którym można zobaczyć wyrażenie „Odśwież dla bardziej smacznych drzew :)”. To jest dokładnie to, co mówi: klikniesz na stronę i przeniesie Cię na białe tło. Czarny drzewny rysunek drzewa zacznie „rosnąć”, licząc, ile gałęzi jest w toku. Możesz odświeżyć, aby zobaczyć tyle razy, ile chcesz.
Magnetyczny
To kolejna przyjemna i wciągająca gra. Zasadniczo zaczynasz od kilku „magnesów”, które można przeciągać po ekranie. Cząsteczki światła krążą wokół nich, a jeśli zmienisz pozycję, możesz zmienić kształt, który tworzą. Jeśli chcesz więcej magnesów i cząstek, kliknij dwukrotnie i przeciągnij je tam, gdzie chcesz. Tak, chodzi o magnesy i fizykę!
Wykres zarobków gwiazd
Chcesz zobaczyć wizualną reprezentację liczby gwiazd telewizyjnych zarabiających na odcinku? Jest to fajny mały wykres, który pokazuje stosy kolorowych pasków, które przedstawiają, ile konkretna celebrytka wykonuje na nagrywanie programu telewizyjnego (lub wykonane, w przypadkach takich jak Charlie Sheen). Został wykonany jako jeden z wielu projektów i eksperymentów Daniela Rappa.
Płótno Wstążka
Paul Truong stworzył tę interesującą aplikację, która pozwala malować za pomocą stale poruszającej się wielobarwnej taśmy na ekranie. Tworzy kształty i wzory, a efekt jest całkiem ładny. Wystarczy przeciągnąć go po ekranie, mówiąc o prostocie.
Woda WebGL
Oto fajne demo z rewolucyjną WebGL (Web-based Graphics Library), która najlepiej działa z Google Chrome. Za pomocą demo możesz rysować na wodzie, aby tworzyć zmarszczki, lub przeciągać sferę, aby ją przemieszczać i naciskać niektóre klawisze, aby ustawić kierunek światła i przełączać grawitację. realistyczny.
Chrysaora
Kolejne oszałamiające demo wykorzystujące magię WebGL, którą można zobaczyć w grupie niezwykle pięknych i, co najważniejsze, żywych meduz poruszających się w wodzie, napromieniowanych promieniem snu jak światło słoneczne. Obserwuj okres, w którym HTML5 i WebGL ożywiają sieć, najlepiej oglądaną z Google Chrome.
Voxel Rain
Deszcz Voxel oznacza, że wielobarwne pudełka 3D opadają, tworząc obracający się duży blok. To tak, jakby pokazać możliwości komputera w latach 90., a teraz chodzi o przeglądarkę internetową, wykorzystując moc HTML5, najjaśniejsza era internetu nie jest daleko.
Efekty tekstowe HTML5
Często my, projektanci stron internetowych, zastanawiamy się, ile możliwości HTML5 naprawdę może nam pomóc w przełomowej typografii internetowej, a to demo daje odpowiedź bardziej niż kiedykolwiek! Możesz być świadkiem efektu stereoskopowego, efektu neonowego, a nawet ruchomego efektu neonowego, przyszłość typografii internetowej jest w rękach HTML5.
Wirujące logo HTML5
Po prostu nie potrafię utrzymać chwały HTML5, to się kręci, obraca… jest fajne.
Szkicowanie w 3D
Znudzony usługą szkicowania 2D opartą na HTML5? Sprawdź to. Po prostu narysuj linię i naciśnij Spację, następnie przeciągnij w lewo lub w prawo, a zobaczysz swój rysunek obracający się w perspektywie 3D. Szkicowanie 3D nie jest bardziej skomplikowane dzięki HTML5.
mta.me Dyrygent
Mta.me Conductor inspiruje cię punktami odradzania, które będą się nieustannie poruszać, tworząc linie i linie “zderzać się” dla siebie wywołają pewne interakcje. Wszystko po to, by udowodnić, że HTML5 to nie tylko kod, ale interakcja, i to jest tym, na czym naprawdę zależy użytkownikom sieci.
Doogle Gmail
Ciekawa gra typu strzelanka, ale bohaterem jest Gmail, uwolnij ją od zła! Podobnie jak klasyczna strzelanka, masz życie, wynik i wszechmocną wiązkę laserową. Prawdopodobnie jedna z potencjalnych wersji demonstracyjnych, które pokażą możliwości działania HTML5 jako gry. Uważaj, Flash.
W Pilot
To jest wciągająca gra, która powinna być nielegalna. Poważnie, po zalogowaniu się na jeden z ich serwerów będziesz chciał grać przez wiele godzin. W zasadzie latasz wokół strzelania, unikając strzelania przez innych graczy. Gra jest prosta i przyjemna, a fakt, że pozwala na grę wieloosobową, jest poważnym plusem, który stawia ją wyżej niż gry Flash, które są teraz tak popularne..
