15 (Veel) Inspireerivad HTML5 eksperimendid
Kui te pole elanud rocki all, olete kuulnud HTML5-st. See on lihtsalt kõikjal tänu Apple'i reklaamile tegevdirektor endine tegevjuht Steve Jobs ja mõned arendajad, kes usuvad, et HTML5 saab Flashi üle võtta.
Noh, tegelikult me ei näe seda olukorda veel juhtunud, kuid HTML5 on tõesti maagiline viitega oma videovõimalustele, lõuendile ja animatsioonile, mis töötavad tõesti hästi ja sujuvalt. Fakt on see, et see on nii paljutõotav, et projektid avanevad kõikjal, mis on tehtud HTML5 piire testimiseks.
Uskuge oma võimu või mitte, tutvustame teile 15 valgustavat katset, mis kasutavad HTML5-d kõige paremini, ja arvata, mida, saate kogeda gravitatsiooni, muusikapõhist animatsiooni ja olendeid, mis lihtsalt toimivad olenditena! Neil on lõbus aeg ja oops, nad pakuvad kõige paremini Mozilla Firefoxi ja Google Chrome'i uusimat versiooni.
Lihtsalt, kui te ei ole rahul nende HTML5 lõbustustega, on meil rohkem!
- HTML5: 48 Võimalikud Flash-Killing Demod
- HTML5: 19 potentsiaalsed veebirakendused
Canvas Cycle
Kunstniku Mark Ferrari ja kodeerija Joseph Huckaby koostööprojekt, see on suurepärane kogum liikuvaid looduslikke stseene, nagu metsad talvel, merevaated ja tormine mäed. Nad on lõõgastavad, et pilte vaadata ja tõesti uimastada. Kui soovite veidi aega, et lõõgastuda, võite neid pilte läbi vaadata ja tunda, et teie pinge lihtsalt sulab.
Google Gravity
Teine hämmastav härra Doob, see on vähem interaktiivne kui esimene, kuid siiski lahe. See annab Google'i peamise otsingulehe põhikoopia. Aga kui kursorit suunate, hakkab kogu leht langema, kuni kõik need allapoole kukkuvad. Google'i logo toimib aktiivse lingina, mis värskendab lehekülge. Hea mäng neile suurtele ettevõtetele, kes vihkavad Google'i.
Lõuendipuud
Kenneth Jorgensoni poolt loodud, see võib olla ainus koht, kus näete fraasi „Värskenda rohkem maitsvaid puid :)”. Just see ütleb: klõpsate veebilehel ja see viib teid valgel taustal. Puu musta tindi joonistus hakkab kasvama, kui arvestada, kui palju filiaale on käimas. Võite värskendada, et näha nii palju kordi kui soovite.
Magnetiline
See on veel üks lõbus ja sõltuvust tekitav. Te alustate põhimõtteliselt paari „magnetiga“, mida saab ekraani ümber lohistada. Nende ümber paiknevad kerge orbiidi osakesed ja positsioonide nihutamine võib muuta nende kujundeid. Kui soovite rohkem magneteid ja osakesi, siis topeltklõpsate ja lohistate need sinna, kuhu soovite neid. Jah, see on kõik magnetite ja füüsika kohta!
Kuulsuste teenimise graafik
Tahad näha visuaalset kujutist sellest, kui palju telesaateid teenitakse episoodi kohta? See on lahe vähe graaf, mis näitab värvibaaride korstnat, mis näitab, kui palju konkreetseid kuulsusi telesaate lindistamise kohta teeb (või tehtud sellistel juhtudel nagu Charlie Sheen). See tehti Daniel Rapp'i ühe paljudest projektidest ja katsetest.
Canvas Ribbon
Paul Truong tegi selle huvitava rakenduse, mis võimaldab teil värvida pidevalt liikuva, värvilise lindi abil üle ekraani. See teeb kujundeid ja kujundeid ning mõju on üsna ilus. Kõik, mida pead tegema, on tõmmata see üle ekraani, rääkides lihtsusest.
WebGL Vesi
Siin on lahe demo, mis kasutab revolutsioonilist WebGL-i (veebipõhine graafika), mida kõige paremini Google Chrome pakub. Demo abil saate joonistada vett, et lohistada, või lohistada kera, et liigutada ringi, ja vajutada mõningaid klaviatuuriklahve, et seada valguse suund ja lülitada raskusastme. realistlik.
Chrysaora
Veel üks uimastav demo, mis rakendab WebGLi maagiat, mida näete grupi äärmiselt ilusate ja kõige tähtsamate, elavates meduusides, mis liiguvad vees kiiritatud unenäolise päikesevalguse kiirgusega. Tunnistage ajavahemikku, mille jooksul HTML5 ja WebGL toob veebi elu, mida on kõige parem vaadata Google Chrome'iga.
Voxel Rain
Voxeli vihm tähendab, et mitmevärvilised 3D-kastid langevad pöörleva suure ploki moodustamiseks. See on nagu arvuti võimaluste tutvustamine 1990-ndatel aastatel ning nüüd on veebibrauser HTML5 võimsust kasutades interneti kõige heledam ajastu kaugemal.
HTML5 tekstiefektid
Sageli mõtleme me veebidisainer, kui palju võimalusi HTML5 tõesti aitab meil veebi tüpograafias läbimurret teha ja see demo annab teile vastuse rohkem kui kunagi varem! Saate valida stereoskoopilise efekti, neoonefekti või isegi neoni efekti tunnistajaks, veebi tüpograafia tulevik on HTML5 käes.
HTML-i ketramine
Ma lihtsalt ei suuda HTML5 hiilgust hoida, see on ketramine, see pöörleb ... see on lahe.
Joonistamine 3D-s
Kas HTML5-põhine 2D-sketching-teenus on igav? Vaata seda. Lihtsalt joonistage joon ja vajutage Space, seejärel lohistage vasakule või paremale ja näete oma joonist, mis pöörleb 3D-perspektiivis. 3D sketching ei ole HTML5-ga keerulisem.
mta.me Dirigent
Mta.me dirigent inspireerib teid kudemispunktide kaudu, mis liiguvad pidevalt liinide ja joonte moodustamise teel “põrkuvad” üksteisega käivitavad nad mõningase suhtluse. Kõik tõestamaks, et HTML5 ei ole ainult kood, vaid suhtlus, ja see, mida veebikasutajad tegelikult hoolivad.
Doogle Gmail
Huvitav shooter tüüpi mäng, kuid kangelane on Gmail, vabasta see kurjadest! Nii nagu klassikaline shooter mäng, sul on elu, skoor ja kõikvõimas laserkiir. Tõenäoliselt üks potentsiaalseid demosid, et näidata HTML5 võimeid mängida. Vaata ette, Flash.
W Pilot
See on selline sõltuvust tekitav mäng, mis peaks olema ebaseaduslik. Tõsiselt, kui olete sisse loginud ühte oma serveritest, siis tahad mängida tunde. Olete põhimõtteliselt lendamas ümber asjade võtmise, vältides samal ajal teiste mängijate tulistamist. See on lihtne ja nii lõbus mängida, ja asjaolu, et see võimaldab mitme mängijaga kogemust, on tõsine pluss, mis paneb selle Flash mängude peale, mis on nii populaarsed.
