15 (Lisää) Inspiroiva HTML5-kokeilu

Jos et ole asunut kalliossa, olet kuullut HTML5: stä. Se on vain kaikkialla nyt Applen myynninedistämisen ansiosta toimitusjohtaja ex-toimitusjohtaja Steve Jobs ja tietyt kehittäjät, jotka uskovat, että HTML5 voi ottaa Flashin käyttöön.

No, itse asiassa emme näe tätä tilannetta vielä tapahtuneen, mutta HTML5 on todella maaginen viittaamalla sen videoominaisuuksiin, kankaalle ja animaatioon, jotka toimivat todella hyvin ja sileästi. Tosiasia on, että se on niin lupaavaa, että projektit avautuvat kaikkialle paikkoihin, jotka on tehty testaamaan HTML5: n rajoja.

Usko sen voimaa tai ei, esitämme teille 15 valaisevaa kokeilua, jotka hyödyntävät parhaiten HTML5: tä, ja arvaa mitä, voit kokea painovoiman, musiikkipohjaisen animaation ja olentojen, jotka toimivat vain olentoja, tekemisen! Pidä hauskaa heidän kanssaan ja ohittaa, he ovat parhaimmillaan Mozilla Firefoxin ja Google Chromen uusimman version kanssa.

Vain jos et ole tyytyväinen näihin HTML5-hauihin, meillä on enemmän!

• HTML5: 48 Mahdolliset Flash-tappamisen demot
• HTML5: 19 mahdolliset Web-sovellukset

Canvas Cycle

Yhteistyössä taiteilijan Mark Ferrarin ja kooderin Joseph Huckabyn välillä tämä on upea kokoelma liikkuvia luontokohteita, kuten metsiä talvella, merimaisemia ja myrskyisiä vuoria. He ovat rentouttavia katsomaan ja todella upeita, ja äänet liitetään kuviin. Jos haluat vähän aikaa rentoutua työstä, voit käydä läpi nämä kuvat ja tuntuu, että jännitys sulaa.

Google Gravity

Toinen hämmästyttävä herra Doob, tämä on vähemmän interaktiivinen kuin ensimmäinen, mutta silti viileä. Se antaa Googlen tärkeimmän hakusivun peruskopion. Mutta kun osoitat kohdistimen, koko sivu alkaa "pudota", kunnes kaikki törmäävät alareunaan. Google-logo toimii aktiivisena linkkinä, joka päivittää sivun. Hyvä peli niille suurille yrityksille, jotka vihaavat Googlea.

Canvas Trees

Kenneth Jorgensonin tekemä, tämä voi olla ainoa paikka, josta näet lauseen "Päivitä enemmän herkullisia puita :)". Juuri se sanoo: napsautat verkkosivustoa ja se vie sinut valkoiselle taustalle. Mustan musteen piirustus puusta alkaa kasvaa samalla kun lasketaan, kuinka monta haaraa on käynnissä. Voit päivittää nähdäksesi niin monta kertaa kuin haluat.

Magneettinen

Tämä on toinen hauska ja riippuvuutta aiheuttava. Aloitat pohjimmiltaan pari "magneettia", jotka voidaan vetää ruudun ympärille. Kevyet kiertoradat niiden ympärillä ja jos siirrät kantoja, voit muuttaa niiden tekemiä muotoja. Jos haluat lisää magneetteja ja hiukkasia, kaksoisnapsauta ja vedä ne mihin haluat. Kyllä, se koskee magneetteja ja fysiikkaa!

Celebrity Earnings Graph

Haluatko nähdä visuaalisen esityksen siitä, kuinka paljon television julkkikset ansaitsevat jaksoa kohti? Tämä on viileä pikku kaavio, joka näyttää värillisten palkkien pinoa, joka edustaa, kuinka paljon erityinen julkkis tekee televisio-ohjelmasta (tai tehty Charlie Sheenin kaltaisissa tapauksissa). Se tehtiin yhtenä monista Daniel Rappin hankkeista ja kokeista.

Canvas-nauha

Paul Truong teki tämän mielenkiintoisen sovelluksen, jonka avulla voit maalata käyttämällä jatkuvasti liikkuvaa, moniväristä nauhaa näytön yli. Se tekee muotoja ja malleja, ja vaikutus on melko kaunis. Sinun tarvitsee vain vetää se näytön läpi puhumalla yksinkertaisuudesta eh.

WebGL Water

Täällä on viileä demo, jossa käytetään mullistavaa WebGL: ää (Web-pohjainen grafiikkakirjasto), jota parhaiten palvelevat Google Chrome. Demon avulla voit vetää veteen ripploita tai vetää palloa siirtääkseen sen ympärille ja painamalla joitakin näppäimistön näppäimiä valon suunnan ja painovoiman asettamiseksi. Kaikki todistavat, miten siirretty esine toimii vuorovaikutuksessa ympäristön kanssa. realistinen.

Chrysaora

Vielä yksi upea demo, joka käyttää WebGL: n taikaa, jonka näet äärimmäisen kauniita ja tärkeimpiä, vilkas meduusoja, jotka liikkuvat vedessä ja jotka säteilevät unenomaisen auringonvalon säteellä. Todista ajanjakso, jonka HTML5 ja WebGL tuovat web-elämään parhaiten katsomalla Google Chromella.

Voxel Rain

Voxelin sade tarkoittaa monivärisiä 3D-laatikoita, jotka muodostavat pyörivän ison lohkon. Se on kuin tietokoneen mahdollisuuksien esittely 1990-luvulla, ja nyt se tulee web-selaimeen hyödyntämällä HTML5: n voimaa, internetin kirkkain aikakausi ei ole kauempana.

HTML5-tekstitehosteet

Usein web-suunnittelija ihmettelee, kuinka paljon HTML5: n mahdollisuudet todella auttavat meitä läpimurtoa web-typografiassa, ja tämä demo antaa sinulle vastauksen enemmän kuin koskaan! Voit todistaa stereoskooppisen vaikutuksen, neonvaikutuksen tai jopa liikkuvan neonvaikutuksen, web-typografian tulevaisuus on HTML5: n käsissä.

Spinning HTML5 -logo

En vain voi pitää HTML5: n kunniaa, se on kehruu, se pyörii ... se on viileä.

Piirrä 3D-muodossa

Oletko kyllästynyt HTML5-pohjaiseen 2D-sketching-palveluun? Tsekkaa tämä. Piirrä viiva ja paina välilyöntiä ja vedä sitten vasemmalle tai oikealle, ja näet piirustuksen pyörivän 3D-näkökulmasta. 3D sketching ei ole monimutkaisempi HTML5: n kanssa.

mta.me Johtaja

Mta.me-kapellimestari inspiroi sinua kutualueilla, jotka liikkuvat jatkuvasti rivien ja rivien muodostamiseksi “törmäävät” toisilleen ne käynnistävät jonkin verran vuorovaikutusta. Kaikki todistaa, että HTML5 ei ole pelkästään koodi, vaan vuorovaikutus, ja mitä web-käyttäjät todella välittävät.

Doogle Gmail

Mielenkiintoinen ampujatyyppinen peli, mutta sankari on Gmail, vapauta se pahoista! Aivan kuten klassinen ampujapeli, sinulla on elämä, pisteet ja mahtava lasersäde. Luultavasti yksi potentiaalisista demoista, jotka esittelevät HTML5: n ominaisuuksia pelissä. Varo, Flash.

W Pilot

Tämä on sellainen riippuvuutta aiheuttava peli, jonka pitäisi olla laitonta. Vakavasti, kun kirjaudut johonkin palvelimeen, haluat pelata tunteja. Olet pohjimmiltaan lentämässä ampumalla asioita samalla kun vältät muiden pelaajien ampumisen. Se on yksinkertaista ja hauskaa pelata, ja se, että se sallii monen pelaajan kokemuksen, on vakava plus, joka asettaa sen Flash-peleihin, jotka ovat niin suosittuja juuri nyt.