15 (Vairāk) Iedvesmojoši HTML5 eksperimenti
Ja vien jūs neesat dzīvojis zem klints, jūs esat dzirdējuši par HTML5. Tas ir tikai visur tagad, pateicoties Apple popularizēšanai CEO ex-CEO Steve Jobs un daži izstrādātāji, kuri uzskata, ka HTML5 var pārņemt Flash.
Nu, patiesībā mēs neredzam šo situāciju vēl, bet HTML5 ir patiešām maģisks, atsaucoties uz tās video iespējām, gleznas ilustrāciju un animāciju, kas darbojas ļoti labi un gludi. Fakts ir tāds, ka tas ir tik daudzsološi, ka projekti tiek atvērti visā vietās, kas ir izveidotas kā veids, kā pārbaudīt HTML5 robežas.
Ticiet savu varu vai nē, mēs parādīsim jums 15 izskaidrojošus eksperimentus, kas vislabāk izmantos HTML5, un uzmini, ko, jūs varat piedzīvot gravitāciju, mūziku balstītu animāciju un radības, kas vienkārši darbojas kā radības! Jums ir jautri pavadīt laiku kopā ar viņiem, un viņi ir vislabāk pieejami ar jaunāko Mozilla Firefox un Google Chrome versiju.
Tikai gadījumā, ja neesat apmierināts ar šiem HTML5 jautrības veidiem, mums ir vairāk!
- HTML5: 48 Iespējamās Flash-Killing Demos
- HTML5: 19 potenciālās tīmekļa lietojumprogrammas
Gleznas cikls
Sadarbībā ar mākslinieku Marku Ferrari un kodētāju Džozefu Huckabiju šis ir krāšņs dabas ainas, piemēram, ziemas, jūras ainavas un vētrains kalni. Tie ir relaksējoši, lai apskatītu un patiešām apdullinātu ar attēliem pievienotām skaņām. Ja jūs vēlaties maz laika atpūsties no darba, jūs varat iet cauri šiem attēliem un justies, ka jūsu spriedze vienkārši izzūd.
Google Gravity
Vēl viens pārsteidzošs J. Doob kungs, tas ir mazāk interaktīvs nekā pirmais, bet joprojām atdzist. Tas sniedz Google galvenās meklēšanas lapas pamata kopiju. Bet, kad jūs norādāt kursoru, visa lapa sāk "kristies", līdz visi no tiem crash apakšā. Google logotips darbojas kā aktīva saite, kas atsvaidzina lapu. Laba spēle tiem lielajiem uzņēmumiem, kuri ienīst Google.
Gleznas koki
Ražotājs Kenneth Jorgenson, tas varētu būt vienīgā vieta, kur var redzēt frāzi “Atsvaidzināt vairāk garšīgu koku :)”. Tas ir tieši tas, ko tas saka: jūs noklikšķināt uz tīmekļa vietnes, un tas aizvedīs uz baltu fonu. Melnā tintes zīmējums no koka sāk "augt", vienlaikus rēķinoties ar to, cik daudz filiāļu notiek. Jūs varat atsvaidzināt, lai redzētu tik daudz reižu, cik vēlaties.
Magnētisks
Tas ir vēl viens jautrs un atkarīgs, lai jūs varētu baudīt. Jūs faktiski sākat ar pāris “magnētiem”, kurus var vilkt pa ekrānu. Vieglās orbītas daļiņas ap tām un, ja pārvietojat pozīcijas, var mainīt tās veidotās formas. Ja vēlaties vairāk magnētu un daļiņu, vienkārši uzklikšķiniet un velciet tos uz vietu, kur vēlaties. Jā, tas viss attiecas uz magnētiem un fiziku!
Celebrity Earnings Graph
Vēlaties redzēt vizuālu attēlojumu par to, cik daudz televīzijas slavenību nopelna par katru epizodi? Tas ir atdzist mazs grafiks, kas parāda krāsu joslu kaudzītes, kas atspoguļo to, cik daudz konkrētu slavenību padara par televīzijas šovs (vai izgatavots tādos gadījumos kā Čārlijs Šenens). Tas tika veikts kā viens no daudzajiem Daniel Rapp projektiem un eksperimentiem.
Gleznas lente
Paul Truong veica šo interesantu lietojumprogrammu, kas ļauj gleznot, izmantojot pastāvīgi kustīgu, daudzkrāsainu lenti pa ekrānu. Tas rada formas un dizainu, un efekts ir diezgan skaists. Viss, kas Jums jādara, ir vilkt to pa ekrānu, runājot par vienkāršību.
WebGL ūdens
Šeit ir atdzist demo, izmantojot revolucionizējošo WebGL (Web-Graphics Library), kuru vislabāk var izmantot Google Chrome. Ar demo, jūs varat izdarīt uz ūdens, lai padarītu ripples, vai velciet sfēru, lai pārvietotu to apkārt, un nospiediet dažus tastatūras taustiņus, lai iestatītu gaismas virzienu un pārslēgtu gravitāciju, visi lieciniekam tam, kā pārvietotais objekts mijiedarbojas ar vidi, briesmīgi reāli.
Chrysaora
Vēl viens satriecošs demonstrējums, kurā tiek izmantota WebGL burvība, ko var redzēt ļoti skaistu un vissvarīgāk - dzīvīgu medūzu, kas pārvietojas ūdenī, apstarotu ar sapņainu saules gaismu. Lieciet periodu, kad HTML5 un WebGL nodrošina dzīvi internetā, vislabāk skatoties ar Google Chrome.
Voksela lietus
Voksela lietus nozīmē, ka daudzkrāsainas 3D kastes nolaižas, lai izveidotu rotējošu lielu bloku. Tas ir tāpat kā datora 1990. gadu iespēju demonstrēšana, un tagad tas nāk par interneta pārlūkprogrammu, izmantojot HTML5 spēku, spilgtākais interneta laikmets nav tālu.
HTML5 teksta efekti
Bieži vien mēs web dizaineram brīnāmies, cik daudz HTML5 var patiešām palīdzēt mums izrāvienā interneta tipogrāfijā, un šī demonstrācija sniedz jums atbildi vairāk nekā jebkad! Jūs varat izvēlēties, lai liecinātu par stereoskopisko efektu, neona efektu vai pat neona efektu, tīmekļa tipogrāfijas nākotne ir HTML5 rokā.
HTML vērpšanas logotips
Es vienkārši nevaru turēt HTML5 slavu, tas ir vērpšana, tas rotē ... tas ir foršs.
Sketching 3D
Vai garlaicīgi izmantots HTML5 balstītais 2D skices pakalpojums? Pārbaudiet to. Vienkārši zīmējiet līniju un nospiediet atstarpi, pēc tam velciet pa kreisi vai pa labi, un jūs redzēsiet savu zīmējumu, kas rotē 3D perspektīvā. 3D skicēšana nav sarežģītāka ar HTML5.
mta.me Diriģents
Mta.me diriģents iedvesmo jūs ar nārsta vietām, kas nepārtraukti pārvietosies, lai izveidotu līnijas un kad līnijas “saduras” viens otram tie izraisīs mijiedarbību. Visi pierāda, ka HTML5 nav tikai kods, bet gan mijiedarbība, un tas, ko tīmekļa lietotāji patiešām rūpējas.
Doogle Gmail
Interesants šāvēja tipa spēle, bet varonis ir Gmail, atbrīvojiet to no ļaunumiem! Tāpat kā klasiskā šāvēja spēle, jums ir dzīve, rezultāts un visvarenais lāzera starojums. Iespējams, viens no potenciālajiem demonstrējumiem, lai demonstrētu HTML5 iespējas spēlēt spēli. Uzmanies, Flash.
W Pilots
Tā ir tik aizraujoša spēle, ka tai vajadzētu būt nelikumīgai. Nopietni, kad jūs pierakstīsieties vienā no saviem serveriem, jūs vēlaties spēlēt stundas. Jūs būtībā lidojat ap šaušanas lietām, izvairoties no citu spēlētāju uzņemšanas. Tas ir vienkāršs un tik jautri spēlēt, un tas, ka tas ļauj iegūt vairāku spēlētāju pieredzi, ir nopietns plus, kas liek to virs Flash spēlēm, kas šobrīd ir tik populāras.