15 (více) Inspirující HTML5 experimenty

Pokud jste nebyli žili pod skálou, budete slyšet o HTML5. Je to prostě všude, díky propagaci Apple výkonný ředitel ex-CEO Steve Jobs a někteří vývojáři, kteří věří, že HTML5 může převzít Flash.

No, ve skutečnosti tuto situaci ještě nevidíme, ale HTML5 je opravdu magické s odkazem na jeho video schopnosti, plátno a animaci, které fungují opravdu dobře a hladce. Faktem je, že je to tak slibné, že projekty se objevují všude na místech, která byla vytvořena jako způsob testování hranic HTML5.

Věřte jeho síle nebo ne, představíme vám 15 osvícujících experimentů, které nejlépe využívají HTML5, a hádejte, co, můžete zažít gravitaci, animaci založenou na hudbě a vykreslování tvorů, které fungují jako stvoření! Užijte si s nimi zábavu a časy, nejlépe vám poslouží nejnovější verze Mozilla Firefox a Google Chrome.

V případě, že nejste spokojeni s touto zábavou HTML5, máme pro vás více!

• HTML5: 48 Potenciální Flash-Killing Demos
• HTML5: 19 Potenciální webové aplikace

Cyklus plátna

Společné úsilí umělce Marka Ferrariho a kodéra Josepha Huckabyho, to je nádherná sbírka pohyblivých přírodních scén, jako jsou lesy v zimě, mořské scenérie a bouřlivé hory. Jsou relaxační pohled a opravdu ohromující, se zvuky připojené k obrázkům. Pokud chcete trochu času na odpočinek z práce, můžete projít těmito obrázky a cítit, jak se vaše napětí rozplynulo.

Google gravitace

Další jeden úžasný pan Doob, tento je méně interaktivní než první, ale stále cool. Poskytuje základní kopii hlavní vyhledávací stránky Google. Když však přejdete kurzorem, celá stránka začne „padat“, dokud všechny nepadnou na dno. Logo Google funguje jako aktivní odkaz, který stránku obnovuje. Dobrá hra pro ty velké společnosti, které nenávidí Google, může být.

Plátno

Vyrobeno Kennethem Jorgensonem, mohlo by to být jediné místo, kde můžete vidět frázi „Refresh pro více chutných stromů :)“. Je to přesně to, co říká: kliknete na webovou stránku a dostanete se na bílé pozadí. Černé kreslení stromu začne 'růst', zatímco počítá, kolik větví probíhá. Můžete aktualizovat, kolikrát chcete.

Magnetický

To je další zábavná a návyková jedna pro vás těšit. V podstatě začínáte s několika 'magnety', které lze přetáhnout po obrazovce. Částice lehké oběžné dráhy kolem nich a pokud posunete pozice, můžete měnit tvary, které dělají. Pokud chcete více magnetů a částic, stačí dvakrát kliknout a přetáhnout je tam, kam chcete. Ano, je to všechno o magnetech a fyzice!

Graf zisku celebrit

Chcete vidět vizuální reprezentaci toho, kolik televizních celebrit vydělá za epizodu? Jedná se o chladný malý graf, který ukazuje hromady barevných pruhů, což představuje, jak moc konkrétní celebrity dělá za nahrávání televizní show (nebo v případech jako Charlie Sheen). Byl vyroben jako jeden z mnoha projektů a experimentů Daniela Rappa.

Plátěná stuha

Paul Truong z této zajímavé aplikace, která vám umožní malovat pomocí neustále se pohybující, multi-barevné pásky přes obrazovku. To dělá tvary a vzory, a účinek je docela pěkný. Jediné, co musíte udělat, je přetáhnout ji přes obrazovku, mluvit o jednoduchosti eh.

WebGL Water

Zde přichází skvělý demo s použitím revolučního WebGL (Web-based Graphics Library), který je nejlépe podáván s Google Chrome. S demo, můžete kreslit na vodě, aby se vlnky, nebo přetáhněte kouli pohybovat kolem něj a stiskněte některé klávesy pro nastavení směru světla a přepínání gravitace, vše pro svědky, jak pohybující se objekt komunikuje živě s prostředím, sotva realistický.

Chrysaora

Ještě další ohromující demo aplikující kouzlo WebGL, které můžete vidět ve skupině extrémně krásných a hlavně živých medúzy pohybujících se ve vodě, ozářené paprskem snového slunečního světla. Svědomte si, že HTML5 a WebGL přinášejí web do života, nejlépe s Google Chrome.

Voxel déšť

Voxel déšť znamená, že vícebarevné 3D boxy sestupují a vytvářejí rotující velký blok. Je to jako představení možností počítačů v 90. letech a nyní přichází do webového prohlížeče s využitím síly HTML5, nejjasnější éra internetu není daleko daleko.

Textové efekty HTML5

Často jsme web designer zajímalo, kolik možností nám HTML5 může skutečně pomoci k průlomu ve webové typografii, a toto demo vám dává odpověď, více než kdy jindy! Můžete si vybrat, zda budete svědky stereoskopického efektu, neonového efektu nebo dokonce pohybujícího se neonového efektu, budoucnost webové typografie je v rukou HTML5.

Spinning HTML5 Logo

Prostě nemůžu držet slávu HTML5, točit, točit… je to v pohodě.

Skicování ve 3D

Nudíte HTML5-založené 2D skicování služby? Koukni na tohle. Jednoduše nakreslete čáru a stiskněte klávesu Space, poté přetáhněte doleva nebo doprava a uvidíte, že se kresba otáčí ve 3D perspektivě. 3D kreslení není s HTML5 složitější.

mta.me Dirigent

Dirigent Mta.me vás inspiruje body tření, které se budou průběžně pohybovat, aby vytvořily čáry, a když se čáry “kolidovat” navzájem spustí určitou interakci. Vše, aby dokázalo, že HTML5 není jen o kódu, ale o interakci, a to je to, na čem se uživatelé internetu opravdu starají.

Doogle Gmail

Zajímavá střílečka typu hry, ale hrdina je Gmail, osvobodit od zla! Stejně jako klasická střílečka, máte život, skóre a všemocný laserový paprsek. Pravděpodobně jeden z potenciálních dema ukázat schopnosti HTML5 dělá jako hra. Dejte si pozor, Flash.

W Pilot

To je taková návyková hra, která by měla být nezákonná. Vážně, jakmile se přihlásíte do jednoho ze svých serverů, budete chtít hrát celé hodiny. V podstatě létáte kolem střeleckých věcí a vyhnete se tomu, abyste byli zastřeleni jinými hráči. Je to jednoduché a zábavné hrát, a skutečnost, že to umožňuje zážitek pro více hráčů, je vážným plusem, který ji staví nad rámec Flash her, které jsou tak populární právě teď.