15 (Več) Navdihujoči eksperimenti HTML5

Če ste živeli pod kamnom, ste slišali za HTML5. To je zdaj povsod, zahvaljujoč promociji Apple direktor nekdanji CEO Steve Jobs in nekateri razvijalci, ki verjamejo, da lahko HTML5 prevzame Flash.

No, v resnici še ne vidimo takšne situacije, vendar je HTML5 resnično čaroben glede svojih video zmogljivosti, ilustracije na platnu in animacije, ki delujejo zelo dobro in gladko. Dejstvo je, da je tako obetajoče, da se projekti pojavljajo na vseh mestih, ki so nastali kot način testiranja meja HTML5.

Verjemite v svojo moč ali ne, predstavili vam bomo 15 osvežilnih eksperimentov, ki najbolje izkoristijo HTML5, in veš kaj, lahko doživite gravitacijo, glasbeno animacijo in upodabljanje bitij, ki delujejo kot bitja! Zabavajte se z njimi in upam, najbolje vam je na voljo z najnovejšo različico Mozilla Firefox in Google Chrome.

Samo v primeru, da niste zadovoljni s temi zabavnimi vsebinami HTML5, imamo več za vas!

• HTML5: 48 potencialni demo za ubijanje flash
• Možne spletne aplikacije HTML5: 19

Cikel platna

Skupna prizadevanja umetnika Marka Ferrarija in koderja Joseph Huckaby, to je čudovita zbirka gibajočih se naravnih prizorov, kot so gozdovi v zimskem času, morske pejsaže in nevihtne gore. Sproščajo se in resnično omamljajo, z zvoki, povezanimi s slikami. Če želite malo časa, da se sprostite od dela, lahko preidete skozi te slike in začutite, da se vaša napetost pravkar stopi.

Google Gravity

Še ena z neverjetno g. Doobom, ta je manj interaktivna kot prva, a še vedno kul. Podaja osnovno kopijo Googlove glavne strani za iskanje. Toda, ko usmerite kazalec, se celotna stran začne „spuščati“, dokler se vsi ne zrušijo na dnu. Logotip Google deluje kot aktivna povezava, ki osveži stran. Dobra igra za tiste velike družbe, ki sovraži Google, morda.

Platna

Izdelal jo je Kenneth Jorgenson, morda je to edini kraj, kjer si lahko ogledate frazo »Osveži bolj okusna drevesa :)«. Prav to pravi: kliknete na spletno stran in vas popelje v belo ozadje. Risba črnega črnila na drevesu se bo začela »razvijati«, pri čemer bo upoštevala, koliko vej je v teku. Za osvežitev si lahko ogledate toliko krat, kot želite.

Magnetna

To je še ena zabavna in zasvojenost, ki jo lahko uživate. V bistvu začnete z nekaj "magneti", ki jih lahko povlečete po zaslonu. Delci svetle orbite okoli njih in če premikate položaje, lahko spremenite oblike, ki jih naredijo. Če želite več magnetov in delcev, jih samo dvakrat kliknite in jih povlecite do mesta, kjer jih želite. Da, vse je v zvezi z magneti in fiziko!

Graf zaslužka za slavne

Želite videti vizualno predstavitev števila televizijskih zvezdnikov na epizodo? To je kul mali graf, ki prikazuje skale barvnih palic, ki predstavlja, koliko posebna slava naredi na posnetku televizijske oddaje (ali pa, v primerih, kot je Charlie Sheen). Nastal je kot eden izmed mnogih projektov in eksperimentov Daniela Rappa.

Trak iz platna

Paul Truong je naredil to zanimivo aplikacijo, ki vam omogoča slikanje s stalno premikajočim se večbarvnim trakom po zaslonu. Izdeluje oblike in modele, učinek pa je precej lep. Vse kar morate storiti je, da ga povlečete čez zaslon in govorite o preprostosti.

WebGL Voda

Prihaja kul demo z uporabo revolucionarnega WebGL (spletna grafična knjižnica), ki je najbolj primeren za Google Chrome. Z demo, lahko narišete na vodo, da bi valovi, ali povlecite kroglo, da jo premaknete okrog in pritisnite nekaj tipk na tipkovnici, da nastavite smer svetlobe in preklopite gravitacijo, vse za priča, kako premaknjeni predmet interakcijo živahno z okoljem, scarily realističen.

Chrysaora

Še en osupljiv demo z uporabo čarobnega WebGL-a, ki ga lahko vidite v skupini izjemno lepe in najpomembnejše, živahne meduze, ki se premika v vodi, ki jo obseva žar sončne svetlobe. Spoznajte obdobje, v katerem HTML5 in WebGL oživita splet, najbolje si ga lahko ogledate v brskalniku Google Chrome.

Voxel dež

Voxel dež pomeni, da se večbarvne 3D škatle spuščajo, da tvorijo vrtljiv velik blok. To je kot prikazovanje možnosti računalnika v devetdesetih, zdaj pa gre za spletni brskalnik z uporabo moči HTML5, najsvetlejša doba interneta pa ni daleč.

Učinki besedila HTML5

Pogosto se spletni oblikovalec sprašujemo, koliko nam lahko HTML5 res pomaga, da prebrodimo spletno tipografijo, in ta demo vam daje odgovor, bolj kot kdajkoli prej! Odločite se lahko za stereoskopski učinek, neonski učinek ali celo za neonski učinek, prihodnost spletne tipografije pa je v roki HTML5.

Predvajanje logotipa HTML5

Ne morem držati slave HTML5, se vrti, vrti se ... kul je.

Skiciranje v 3D

Je dolgočasen 2D skiciranje na osnovi HTML5? Poglej to. Preprosto narišite črto in pritisnite presledek, nato povlecite levo ali desno in videli boste, da se risba vrti v 3D perspektivi. 3D skiciranje ni bolj zapleteno s HTML5.

mta.me Dirigent

Mta.me Dirigent vas navdihuje s tem, da se drstijo točke, ki se bodo neprestano premikale, da oblikujejo črte in ko bodo črte “Trčiti” drug drugemu bodo sprožili neko interakcijo. Vse, kar dokazuje, da HTML5 ni samo koda, ampak interakcija, in to je tisto, kar resnično skrbi za spletne uporabnike.

Doogle Gmail

Zanimiva igra strelec, a junak je Gmail, osvobodi jo zla! Tako kot klasična strelska igra, imaš življenje, rezultat in vsemogočni laserski žarek. Verjetno eden od možnih demonstracij, ki prikazujejo zmožnosti HTML5 za igranje. Pazi, Flash.

W Pilot

To je tako zasvojenost igra, da bi morala biti nezakonita. Resno, ko se prijavite v enega od svojih strežnikov, boste želeli igrati ure in ure. V bistvu letite okoli streljanja stvari, medtem ko se izogibate streljanju drugih igralcev. To je preprosto in zabavno igrati, in dejstvo, da omogoča izkušnjo z več igralci, je resen plus, ki ga postavi nad Flash igre, ki so tako priljubljene zdaj.