15 (Daugiau) Įkvepiantys HTML5 eksperimentai

Nebent jūs gyvenote po roko, jūs girdėjote apie HTML5. Tai visur dabar, dėka „Apple“ reklamos Vadovas buvęs generalinis direktorius Steve Jobs ir kai kurie kūrėjai, kurie mano, kad HTML5 gali perimti „Flash“.

Na, iš tikrųjų mes nemanome, kad ši situacija dar įvyko, bet HTML5 yra tikrai stebuklinga, atsižvelgiant į jo vaizdo galimybes, drobės iliustraciją ir animaciją, kuri veikia tikrai gerai ir sklandžiai. Tiesa ta, kad tokie perspektyvūs, kad projektai išryškėja visose vietose, kurios buvo atliktos bandant HTML5 ribas.

Tikėkite jos galia ar ne, mes pristatysime jums 15 šviesių eksperimentų, kurie geriausiai panaudos HTML5 ir atspės, ką, galite patirti gravitaciją, muzikinę animaciją ir būtybių, kurios tiesiog veikia kaip būtybės, atvaizdavimą! Pasimėgaukite maloniai su jais, o jie geriausiai tarnauja naujausią „Mozilla Firefox“ ir „Google Chrome“ versiją.

Tiesiog, jei nesate patenkintas šiais HTML5 malonumais, mes turime daugiau!

• HTML5: 48 Galimi „Flash-Killing Demos“
• HTML5: 19 potencialių interneto programų

Drobės ciklas

Bendradarbiaujant menininkui Markui Ferrari ir programuotojui Joseph Huckaby, tai yra puošnus judančių gamtos scenų rinkinys, pvz., Miškai žiemą, jūros peizažai ir audringi kalnai. Jie atsipalaiduoja pažvelgti ir tikrai apsvaiginimo, su garsais, pridedamais prie nuotraukų. Jei norite šiek tiek laiko atsipalaiduoti nuo darbo, galite eiti per šias nuotraukas ir pajusti, kad įtampa tiesiog išnyksta.

„Google“ gravitacija

Dar vienas nuostabus J. Doobas, šis yra mažiau interaktyvus nei pirmasis, bet vis dar kietas. Jis suteikia pagrindinę „Google“ pagrindinio paieškos puslapio kopiją. Bet kai nukreipiate žymeklį, visas puslapis pradeda „kristi“, kol visi jie nukrenta apačioje. „Google“ logotipas veikia kaip aktyvi nuoroda, kuri atnaujina puslapį. Geras žaidimas toms didelėms „Google“ nekenčiančioms įmonėms gali būti.

Drobės medžiai

Kenneth Jorgenson, tai gali būti vienintelė vieta, kurioje galite pamatyti frazę „Atnaujinti daugiau skanių medžių :)“. Būtent tai sakoma: spustelėsite svetainę ir nueisite į baltą foną. Medžio juodo rašalo brėžinys pradės augti, tuo pačiu skaičiuojant, kiek šakų vyksta. Galite atnaujinti, kad pamatytumėte tiek kartų, kiek norite.

Magnetinis

Tai dar vienas įdomus ir priklausomybę sukeliantis dalykas. Jūs iš esmės pradedate su keliais „magnetais“, kuriuos galima nuvilkti aplink ekraną. Lengvos orbitos dalelės aplink juos ir, jei perkeliate pozicijas, galite keisti jų formą. Jei norite daugiau magnetų ir dalelių, tiesiog dukart spustelėkite ir vilkite juos į norimą vietą. Taip, visa tai susiję su magnetais ir fizika!

Celebrity Earnings Graph

Norite matyti vizualinį vaizdą apie tai, kiek televizijos įžymybių uždirba už kiekvieną epizodą? Tai nedidelis grafikas, kuriame rodomi spalvotų juostų krūvos, atspindinčios, kokią konkrečią garsenybę daro televizijos laidos (arba pagamintos tais atvejais, kai Charlie Sheen). Tai buvo vienas iš daugelio Danielio Rappo projektų ir eksperimentų.

Drobės juosta

Paul Truong pateikė šią įdomią programą, kuri leidžia dažyti naudojant nuolat judančią, spalvotą juostą per ekraną. Tai daro formas ir dizainą, o poveikis yra gana gražus. Viskas, ką jums reikia padaryti, tai vilkite jį per ekraną, kalbant apie paprastumą.

„WebGL“ vanduo

Čia pateikiama vėsioje demonstracijoje naudojama revoliucinė WebGL (žiniatinklio grafikos biblioteka), kuri geriausiai tinka „Google Chrome“. Naudodami demo, galite pritraukti vandenį, kad sukurtumėte raukšles, arba vilkite rutulį, kad jį perstumtumėte, ir paspauskite kai kuriuos klaviatūros klavišus, kad nustatytumėte šviesos kryptį ir perjungimo gravitaciją. realus.

Chrysaora

Dar vienas stulbinantis demo taikymas naudojant „WebGL“ magiją, kurią galite pamatyti labai gražių ir, svarbiausia, gyvų medūzų, judančių vandenyje, apšvitintą svajonių saulės spindulių spinduliu. Pažymėkite laikotarpį, kurį HTML5 ir „WebGL“ prijungia prie interneto, geriausiai peržiūrint „Google Chrome“.

Voxel Rain

„Voxel“ lietus reiškia, kad daugiaspalvės 3D dėžės nusileidžia, kad sukurtų besisukantį didelį bloką. Tai tarsi kompiuterio galimybių demonstravimas 1990-aisiais, o dabar kalbama apie žiniatinklio naršyklę, naudojant HTML5 galią, ryškiausia internetinė erdve nėra toli.

HTML5 teksto efektai

Dažnai mes žiniatinklio dizaineris įdomu, kiek HTML5 gali iš tikrųjų mums padėti įveikti žiniatinklio tipografiją, ir šis demo suteikia jums daugiau atsakymų nei bet kada! Galite pasirinkti, ar liudyti stereoskopinį efektą, neono efektą, ar netgi judančio neono efektą, interneto tipografijos ateitis yra HTML5 rankoje.

Verpimo HTML5 logotipas

Aš tiesiog negaliu laikyti HTML5 šlovės, tai verpimas, jis sukasi ... tai kietas.

Sketching 3D

Ar nuobodu HTML5 pagrindu sukurtoje 2D braižymo paslaugoje? Pažiūrėk. Tiesiog pieškite eilutę ir paspauskite „Space“, tada vilkite į kairę arba į dešinę ir pamatysite savo piešinį, besisukantį 3D perspektyvoje. 3D eskizas nėra sudėtingesnis HTML5.

mta.me Dirigentas

„Mta.me“ dirigentas jus įkvepia neršiančiomis vietomis, kurios nuolat judės, kad sudarytų linijas, o kai linijos “susiduria” viena kitai sukels sąveiką. Visa tai įrodo, kad HTML5 yra ne tik kodas, bet ir sąveika, ir tai, ką interneto vartotojai tikrai rūpinasi.

„Doogle Gmail“

Įdomus šaudyklės tipo žaidimas, bet herojus yra „Gmail“, atleisk jį nuo blogio! Kaip klasikinis šaudyklės žaidimas, jūs turite gyvenimą, rezultatą ir visagalį lazerio spindulį. Tikriausiai vienas iš galimų demonstracijų, rodančių HTML5, kaip žaidimo, galimybes. Saugokitės, „Flash“.

W Pilotas

Tai toks priklausomybę sukeliantis žaidimas, kuris turėtų būti neteisėtas. Rimtai, kai prisijungsite prie vieno iš jų serverių, norėsite žaisti valandas. Jūs iš esmės skraidate aplink fotografavimo dalykus ir vengiate kitų žaidėjų fotografavimo. Tai paprasta ir taip smagu žaisti, ir tai, kad tai leidžia daugialypę patirtį, yra rimtas pliusas, kuris kelia jį virš Flash žaidimų, kurie šiuo metu yra tokie populiarūs.