15 (További) Inspiráló HTML5 kísérletek

Hacsak nem egy szikla alatt élt, hallott a HTML5-ről. Az Apple promóciójának köszönhetően éppen most mindenhol van vezérigazgató ex-vezérigazgatója, Steve Jobs és bizonyos fejlesztők, akik úgy vélik, hogy a HTML5 átveheti a Flash-t.

Nos, valójában nem látjuk ezt a helyzetet, de a HTML5 valóban varázslatos a videó képességeire, a vászonra és az animációra, ami nagyon jól működik és sima. Az a tény, hogy annyira ígéretes, hogy a projektek a HTML5 határainak tesztelésének módjaként megjelennek az egész helyen..

Higgyétek el az erejét, vagy nem, bemutatunk 15 olyan megvilágosító kísérletet, amelyek a lehető legjobban kihasználják a HTML5-t, és kitalálják, hogy mi lehet, a gravitáció, a zenei alapú animáció és a lények teremtése, amelyek éppen olyanok, mint a lények! Jó szórakozást kell tennie velük, és a legjobban a Mozilla Firefox és a Google Chrome legfrissebb verziójával szolgálnak.

Csak abban az esetben, ha nem elégedett a HTML5 szórakozással, még többet kapunk!

• HTML5: 48 Lehetséges Flash-Killing Demos
• HTML5: 19 lehetséges webalkalmazások

Vászonciklus

Mark Ferrari művész és Joseph Huckaby kódoló együttműködése erőteljes gyűjteménye a mozgó természet jeleneteknek, mint például télen erdők, tájak és viharos hegyek. Pihentetőek, hogy megnézzék és igazán lenyűgözőek, a képekhez csatolt hangokkal. Ha egy kis időt akarsz pihenni a munkából, átmehetsz ezeken a képeken, és érezheted, hogy feszültséged megolvad.

Google gravitáció

Egy másik, amit a csodálatos Doob úr, ez kevésbé interaktív, mint az első, de még mindig hűvös. Ez a Google fő keresőoldalának alapmásolata. De amikor a kurzort mutatod, az egész oldal elkezd „esik”, amíg mindenki összeomlik az alján. A Google logó aktív linkként működik, amely frissíti az oldalt. Lehet, hogy jó játék azoknak a nagy cégeknek, amelyek utálják a Google-t.

Vászonfák

Kenneth Jorgenson készítette, ez lehet az egyetlen hely, ahol láthatjuk a „Frissítés frissebb fákra” kifejezést. Pontosan ez az, amit mond: rákattint a weboldalra, és egy fehér háttérbe kerül. Egy fa fekete tinta-rajza elkezd „növekedni”, miközben számít, hogy hány ág van folyamatban. Akkor frissítheti, hogy annyiszor látja a kívánt időt.

Mágneses

Ez egy újabb szórakoztató és addiktív szórakozás. Alapvetően néhány "mágnes" -vel kezdődik, amit a képernyő körül lehet húzni. A körülöttük lévő könnyű pályán lévő részecskék és a pozíciók eltolásával megváltoztathatja az általuk készített alakzatokat. Ha több mágnest és részecskét szeretne, akkor csak duplán kattint és húzza őket a kívánt helyre. Igen, ez a mágnesekről és a fizikáról szól!

Celebrity Earnings Graph

Látni szeretné, hogy a televíziós hírességek mennyire keresnek egy epizódonként? Ez egy hűvös, kevés grafikon, amely a színsávok halmazát mutatja, ami azt mutatja be, hogy egy adott híresség mennyit tesz egy televíziós műsorra (vagy Charlie Sheenhez hasonló esetekben). Daniel Rapp számos projektjének és kísérletének egyike volt.

Vászon szalag

Paul Truong ezt az érdekes alkalmazást tette lehetővé, amely lehetővé teszi, hogy egy folyamatosan mozgó, többszínű szalagot használjon a képernyőn. Formákat és mintákat készít, és a hatás elég szép. Mindössze annyit kell tennie, hogy áthúzza a képernyőn, az egyszerűségről beszélve.

WebGL víz

Itt jön egy hűvös demó a forradalmasító WebGL (Web-alapú grafikus könyvtár) használatával, amelyet a Google Chrome legjobban kiszolgál. A demóval a vízre húzhat, hogy hullámokat készítsen, vagy húzza a gömböt annak mozgatásához, és nyomja meg a billentyűzet néhány gombját, hogy beállítsa a fény irányát és a gravitációt. valószerű.

Chrysaora

Még egy lenyűgöző bemutató, amely a WebGL varázsát alkalmazza, melyet egy rendkívül szép és legfontosabb, élénk medúza halad a vízben, amelyet az álomszerű napsugár sugároz. Tanulja meg a HTML5 és a WebGL által életre hívott időszakot, amelyet a Google Chrome legjobban megtekinthet.

Voxel Rain

A Voxel eső azt jelenti, hogy a többszínű 3D-s dobozok forgó nagy tömböt képeznek. Olyan, mint az 1990-es években a számítógép lehetőségeinek bemutatása, és most a webböngésző a HTML5 erejét felhasználva, az internet legvilágosabb korszaka nem messze van.

HTML5 szöveghatások

Gyakran webes tervezőnk csodálkozik, hogy a HTML5 milyen sok lehetőséget kínál a webes tipográfia áttöréséhez, és ez a demó többet ad, mint valaha! A sztereoszkópos hatást, a neonhatást vagy akár a neonhatást is megfigyelheti, a webes tipográfia jövője a HTML5 kezében van.

Spinning HTML5 logó

Csak nem tudom megtartani a HTML5 dicsőségét, fonás, forgó… hűvös.

Vázlat 3D-ben

Unatkozik a HTML5 alapú 2D-s vonalvezetési szolgáltatás? Ezt nézd meg. Egyszerűen rajzoljon egy sort, majd nyomja meg a Space gombot, majd húzza balra vagy jobbra, és látni fogja a 3D-s nézetben forgó rajzot. A 3D vázlat nem bonyolultabb a HTML5-tel.

mta.me Vezető

A Mta.me-karmester az ívási helyeken inspirálja Önt, amelyek folyamatosan mozognak, hogy sorokat képezzenek, és amikor a vonalak “összeütközik” egymással kölcsönhatásba lépnek. Mindez bizonyítja, hogy a HTML5 nem csak a kód, hanem az interakció, és ez az, amit a webes felhasználók nagyon érdekelnek.

Doogle Gmail

Érdekes lövöldözős játék, de a hős Gmail, szabaddá teszi a gonosztól! Csakúgy, mint a klasszikus lövöldözős játék, megvan az életed, a pontszám és a mindenható lézersugár. Valószínűleg az egyik lehetséges demó, hogy bemutassa a HTML5 játék képességeit. Vigyázz, Flash.

W Pilot

Ez egy olyan addiktív játék, amelynek illegálisnak kell lennie. Komolyan, ha bejelentkezik az egyik szerverére, órákig szeretne játszani. Alapvetően repülő körül forgatsz, miközben elkerüled a többi játékos lövését. Ez egyszerű és szórakoztató játék, és az a tény, hogy lehetővé teszi a multiplayer élményt, komoly plusz, ami a Flash játékokhoz hasonlóan jelen van.