15 (viac) Inšpirácia experimentov HTML5

Ak žijete pod skálou, budete počuť o HTML5. Je to len všade, vďaka podpore Apple generálny riaditeľ bývalý generálny riaditeľ Steve Jobs a niektorí vývojári, ktorí veria, že HTML5 môže prevziať Flash.

No, v skutočnosti nevidíme, že sa táto situácia ešte stala, ale HTML5 je skutočne čarovný v súvislosti s jeho schopnosťami videa, ilustráciou plátna a animáciou, ktoré fungujú veľmi dobre a hladko. Faktom je, že je tak sľubné, že sa projekty objavujú na všetkých miestach, ktoré boli vytvorené ako spôsob testovania hraníc HTML5.

Verte svoju silu alebo nie, predstavíme vám 15 osviežujúcich experimentov, ktoré najlepšie využívajú HTML5 a hádajte čo, môžete zažiť gravitáciu, animáciu založenú na hudbe a vykresľovanie tvorov, ktoré práve fungujú ako stvoreni! Nechajte sa s nimi pobaviť a ospravedlňujte sa s najnovšou verziou Mozilla Firefox a Google Chrome.

V prípade, že ste s touto zábavou vo formáte HTML5 spokojní, máme pre vás viac!

• HTML5: 48 Potenciálne ukážky zabíjania blesku
• HTML5: 19 potenciálnych webových aplikácií

Cyklus plátna

Spolupracujúca snaha medzi umelcom Markom Ferrariom a kodérom Josephom Huckabyom je nádherná zbierka pohyblivých prírodných scén ako sú lesy v zime, morské oblasti a búrlivé hory. Oni sú oddychujúci, aby sa pozrel a naozaj úžasný, so zvukom pripevneným na obrázky. Ak chcete trochu času na odpočinok z práce, môžete prejsť týmito obrázkami a cítiť, že sa vaše napätie len rozplynie.

Google gravitácia

Ďalším úžasným pánom Doomom je ten menej interaktívny ako prvý, ale stále chladný. Poskytuje základnú kópiu hlavnej vyhľadávacej stránky spoločnosti Google. Keď však ukazujete kurzor, celá stránka začne klesať, až kým sa všetko nestratí. Logo Google funguje ako aktívny odkaz, ktorý obnovuje stránku. Dobrá hra pre tých veľkých spoločností, ktoré nenávidí spoločnosť Google, môže byť.

Plátno stromy

Vyrobené Kennethom Jorgensonom, toto môže byť jediné miesto, kde môžete vidieť frázu "Refresh for more delicious trees :)". Je to presne to, čo hovorí: kliknete na webovú stránku a dostanete sa na bielom pozadí. Čierna atramentová kresba stromu začne "rásť", pričom počíta s tým, koľko pobočiek prebieha. Môžete obnoviť zobrazenie toľkokrát, koľko si želáte.

magnetický

To je ďalší zábavný a návykový, ktorý si môžete vychutnať. V podstate začínate s pár "magnetmi", ktoré sa môžu pretiahnuť okolo obrazovky. Častice okolo obežnej dráhy svetla a ak posúvate pozície, môžete zmeniť tvary, ktoré robia. Ak chcete viac magnetov a častíc, jednoducho dvakrát kliknite a presuňte ich tam, kde ich chcete. Áno, je to všetko o magnetoch a fyzike!

Graf výnosov celebrít

Chcete vidieť vizuálne zobrazenie toho, koľko televíznych celebrít zarobí za jednu epizódu? Je to skvelý malý graf, ktorý zobrazuje hromady farebných pruhov, ktoré vyjadrujú, koľko konkrétnej celebrity robí za nahrávanie televíznej show (alebo v prípade, ako je Charlie Sheen). Bol vytvorený ako jeden z mnohých projektov a experimentov Daniel Rapp.

Plátená páska

Paul Truong urobil túto zaujímavú aplikáciu, ktorá vám umožňuje maľovať pomocou stále sa pohybujúcej, viacfarebnej stuhy cez obrazovku. Vytvára tvar a dizajn a efekt je dosť pekný. Jediné, čo musíte urobiť, je pretiahnuť to cez obrazovku, hovoriť o jednoduchosti eh.

WebGL Water

Tu prichádza skvelé demo pomocou revolúcie WebGL (Web-based Graphics Library), ktorá sa najlepšie zobrazuje v prehliadači Google Chrome. Pomocou demo môžete čerpať z vody, aby ste zvládli vlnky, alebo pretiahnite guľu, aby ste ju premiestnili a stlačte niektoré klávesy klávesnice, aby ste nastavili smer svetla a prepínali gravitáciu, všetko pre svedectvo toho, ako sa pohybovaný objekt vzájomne živí s prostredím, realistický.

Chrysaora

Ešte ďalšie úžasné demo používajúce kúzlo WebGL, ktoré môžete vidieť skupinu veľmi krásnych a najdôležitejšie, živých medúzy pohybujúce sa vo vode, ožiarené lúčom slnečného slnečného svetla. Svedčite o tom, že HTML5 a WebGL prinášajú život na webe a najlepšie sa zobrazujú v prehliadači Google Chrome.

Voxel Rain

Voxelský dážď znamená, že viacfarebné 3D škatule sa zostupujú, aby vytvorili rotujúci veľký blok. Je to ako predstavenie možností počítača v deväťdesiatych rokoch minulého storočia, a teraz ide o webový prehliadač využívajúci silu HTML5, najjasnejšia éra internetu nie je ďaleko.

Textové efekty HTML5

Často sme web dizajnéri čudovali, koľko možností HTML5 môže naozaj pomôcť prielom v webovej typografii a toto demo vám dáva odpoveď viac ako kedykoľvek predtým! Môžete si vybrať svedectvo stereoskopického efektu, neónového efektu alebo dokonca pohyblivého neónového efektu, budúcnosť webovej typografie je v rukách HTML5.

Spinning Logo HTML5

Ja jednoducho nemôžem držať slávu HTML5, to sa točí, rotuje ... je to super.

Skicovanie v 3D

Nudí sa služba 2D skenovania založená na HTML5? Pozri na toto. Jednoducho nakreslite riadok a stlačte medzeru a potom ťahajte doľava alebo doprava a uvidíte, ako sa vaša kresba otáča v 3D perspektíve. 3D skicovanie nie je s HTML5 komplikovanejšie.

mta.me Dirigent

Mta.me Dirigent Vás inšpiruje tým, že nerealizuje body, ktoré sa budú neustále posúvať, aby vytvárali čiary a čiary “kolidovať” navzájom spúšťajú nejaké interakcie. Všetko, čo dokazuje, že HTML5 nie je len o kóde, ale o interakcii a to je to, na čom sa skutočne starajú používatelia webu.

Služba Google Gmail

Zaujímavá hra typu strieľačka, ale hrdina je Gmail, osloboďte ho od zla! Rovnako ako klasická strieľačka, získate život, skóre a všadeprítomný laserový lúč. Pravdepodobne jedna z potenciálnych ukážok na predstavenie možností HTML5 ako hry. Pozor, Flash.

W Pilot

Je to tak návyková hra, ktorá by mala byť nezákonná. Vážne, akonáhle sa prihlásite na jeden z ich serverov, budete chcieť hrať celé hodiny. V podstate ste lietali okolo streľby a vyhýbali sa streľbe inými hráčmi. Je to jednoduché a zábavné hrať a skutočnosť, že to umožňuje viac hráčov, je vážny plus, ktorý ich kladie nad hry Flash, ktoré sú tak populárne práve teraz.