15 (Više) Inspirirajući HTML5 eksperimente
Osim ako živite pod stijenom, čuli ste za HTML5. Sada je samo posvuda, zahvaljujući promociji Apple-a direktor tvrtke bivši CEO Steve Jobs i neki programeri koji vjeruju da HTML5 može preuzeti Flash.
Zapravo, ne vidimo da se situacija još dogodila, ali HTML5 je doista čarobna u odnosu na svoje video mogućnosti, ilustraciju i animaciju na platnu, koji rade jako dobro i glatko. Činjenica je da je tako obećavajuće da se projekti pojavljuju na svim mjestima koja su napravljena kao način testiranja granica HTML5.
Vjerujte svojoj snazi ili ne, prikazat ćemo vam 15 prosvjetljujućih eksperimenata koji će najbolje iskoristiti HTML5 i pogoditi što, možete iskusiti gravitaciju, glazbenu animaciju i prikazivanje bića koja samo djeluju kao stvorenja! Zabavite se s njima i njima, najbolje se poslužuju s najnovijom verzijom Mozilla Firefoxa i Google Chromea.
Samo u slučaju da niste zadovoljni s ovom HTML5 zabavom, imamo više za vas!
- HTML5: 48 potencijalni demo za ubijanje Flash-a
- HTML5: 19 potencijalne web-aplikacije
Ciklus platna
Zajednički napor između umjetnika Marka Ferrarija i kodera Josepha Huckabyja, to je prekrasna zbirka pokretnih scena prirode kao što su šume zimi, morski pejzaži i olujne planine. Oni se opuštaju gledati i doista zapanjujuće, sa zvukovima koji su pridruženi slikama. Ako želite malo vremena za opuštanje od posla, možete proći kroz te slike i osjetiti da se napetost jednostavno otapa.
Google gravitacija
Još jedan od nevjerojatnog g. Dooba, ovaj je manje interaktivan od prvog, ali još uvijek cool. Daje osnovnu kopiju Googleove glavne stranice za pretraživanje. Ali kada usmjerite pokazivač, cijela stranica počinje "padati" dok se svi ne sruše na dnu. Googleov logotip radi kao aktivna veza koja osvježava stranicu. Dobra igra za one velike tvrtke koje mrze Google, svibanj biti.
Platnena stabla
Napravio Kenneth Jorgenson, ovo je možda jedino mjesto na kojemu možete vidjeti izraz 'Osvježi ukusnija stabla :)'. To je upravo ono što kaže: kliknete na web stranicu i ona vas vodi na bijelu pozadinu. Crtež crnog tinte na drvetu će početi 'rasti', računajući koliko je grana u tijeku. Možete se osvježiti da biste vidjeli onoliko puta koliko želite.
magnetski
Ovo je još jedna zabavna i zarazna za vas da uživate. Zapravo započinjete s nekoliko "magneta" koji se mogu povući po zaslonu. Čestice svjetlosne orbite oko njih i ako mijenjate položaje možete promijeniti oblike koje čine. Ako želite više magneta i čestica, samo dvaput kliknite i povucite ih tamo gdje ih želite. Da, radi se samo o magnetima i fizici!
Grafikon zarade slavnih osoba
Želite li vidjeti vizualni prikaz koliko televizijske slavne osobe zarađuju po epizodi? Ovo je cool mali grafikon koji prikazuje hrpe traka u boji koje predstavljaju koliko određena slavna osoba čini po snimanju televizijske emisije (ili napravljena, u slučajevima kao što je Charlie Sheen). Izrađen je kao jedan od mnogih projekata i eksperimenata koje je proveo Daniel Rapp.
Traka s platnom
Paul Truong je napravio ovu zanimljivu aplikaciju koja vam omogućuje da slikate koristeći stalno pokretnu, raznobojnu vrpcu preko zaslona. To čini oblike i dizajn, a učinak je prilično lijep. Sve što trebate učiniti je da ga povučete preko zaslona, govoreći o jednostavnosti eh.
WebGL Voda
Ovdje dolazi cool demo pomoću revolucionarnog WebGL-a (Web-based Graphics Library), koji se najbolje poslužuje uz Google Chrome. Uz demo, možete crtati po vodi da biste napravili ripples, ili povucite kuglu kako biste je pomaknuli i pritisnite neke tipke na tipkovnici kako biste postavili smjer svjetla i prebacili gravitaciju, a sve za svjedočenje kako je pomaknuti objekt živo s okolinom, realističan.
Chrysaora
Još jedan zadivljujući demo koji primjenjuje čaroliju WebGL-a, koji možete vidjeti skupinu iznimno lijepih i najvažnijih, živahnih meduza koje se kreću u vodi, ozračene zrakom sunčevog svjetla. Budite svjedoci razdoblja u kojem HTML5 i WebGL oživljavaju web, a najbolje ga možete pregledavati pomoću preglednika Google Chrome.
Voxel Rain
Voxel kiša znači da se višebojne 3D kutije spuštaju i tvore rotirajući veliki blok. To je kao prikazivanje mogućnosti računala u 1990-ima, a sada je riječ o web-pregledniku korištenjem snage HTML5, najsvjetlije doba interneta nije daleko.
HTML5 tekstualni efekti
Često se web dizajner pitamo koliko nam HTML5 može stvarno pomoći da probijemo u web tipografiji, a ovaj vam demo daje odgovor, više nego ikad! Možete odabrati da budete svjedoci stereoskopskog efekta, neonskog efekta ili čak i neonskog efekta, budućnost web tipografije je u ruci HTML5.
Spinning HTML5 Logo
Jednostavno ne mogu zadržati slavu HTML5, ona se okreće, rotira ... sve je u redu.
Skiciranje u 3D
Je li dosadila usluga 2D skiciranja temeljena na HTML5? Pogledaj ovo. Jednostavno nacrtajte liniju i pritisnite razmaknicu pa povucite lijevo ili desno i vidjet ćete kako se vaš crtež okreće u 3D perspektivi. 3D skiciranje nije složenije s HTML5.
mta.me dirigent
Mta.me dirigent vas nadahnjuje mriješćenjem točaka koje će se neprestano pomicati kako bi se formirale linije, a kada linije “sudariti se” međusobno će potaknuti neku interakciju. Sve da bi dokazali da HTML5 nije samo kod, već i interakcija, i to je ono što web korisnici doista brinu.
Doogle Gmail
Zanimljiv strijelac igra, ali junak je Gmail, oslobodite ga zla! Baš kao klasična pucačina, dobili ste život, rezultat i svemoguću lasersku zraku. Vjerojatno jedan od potencijalnih demo-ova za prikaz mogućnosti HTML5-a kao igre. Pazi, Flash.
W Pilot
To je takva zarazna igra da bi trebala biti nezakonita. Ozbiljno, nakon što se prijavite na jedan od svojih poslužitelja, poželjet ćete igrati satima. U osnovi letite oko pucnjave, izbjegavajući pritom druge igrače. Jednostavna je i zabavna za igranje, a činjenica da omogućuje multiplayer iskustvo je ozbiljan plus koji ga stavlja iznad Flash igara koje su toliko popularne upravo sada.