15 (Mere) Inspirerende HTML5-eksperimenter
Medmindre du har levet under en sten, vil du have hørt om HTML5. Det er bare overalt nu, takket være fremme af Apple direktør ex-CEO Steve Jobs og visse udviklere, der mener, at HTML5 kan overtage Flash.
Nå, vi ser faktisk ikke, at denne situation er sket endnu, men HTML5 er virkelig magisk i forhold til dens videofunktioner, lærredillustration og animation, der virker rigtig godt og glat. Faktum er, at det er så lovende, at projekter popper op over de steder, der er lavet som en måde at teste grænserne for HTML5.
Tro på strømmen eller ej, vi vil vise dig 15 oplysende eksperimenter, der gør bedst mulig brug af HTML5, og gætte hvad du kan opleve tyngdekraften, musikbaseret animation og gengivelse af skabninger, der bare virker som skabninger! Hav det sjovt med dem og oops, de serveres bedst med den nyeste version af Mozilla Firefox og Google Chrome.
Bare hvis du ikke er tilfreds med disse HTML5 sjove, har vi mere for dig!
- HTML5: 48 Potentielle Flash-Killing Demos
- HTML5: 19 Potentielle webapplikationer
Canvas Cycle
Et samarbejde mellem kunstner Mark Ferrari og coder Joseph Huckaby, dette er en smuk samling af bevægelige naturscener som skove om vinteren, seascapes og stormfulde bjerge. De er afslappende at se på og virkelig fantastisk, med lyde knyttet til billederne. Hvis du vil have lidt tid til at slappe af fra arbejde, kan du gennemgå disse billeder og føle din spænding bare smelte væk.
Google tyngdekraft
En anden af den fantastiske hr. Doob, denne er mindre interaktiv end den første men stadig cool. Den giver en grundlæggende kopi af Googles hovedsøgningsside. Men når du peger på cursoren, begynder hele siden at falde, indtil alle går ned i bunden. Google-logoet fungerer som et aktivt link, der opdaterer siden. Et godt spil for de store virksomheder, der hader Google, kan være.
Canvas Træer
Lavet af Kenneth Jorgenson, kan dette være det eneste sted, du kan se sætningen 'Opdater for mere lækre træer :)'. Det er præcis det der står: Du klikker på hjemmesiden, og det tager dig til en hvid baggrund. En sort blæk tegning af et træ vil begynde at 'vokse' mens man regner med, hvor mange grene der er i gang. Du kan opdatere for at se så mange gange som du ønsker.
Magnetisk
Dette er en anden sjov og vanedannende for dig at nyde. Du starter grundlæggende med et par 'magneter', der kan trækkes rundt på skærmen. Partikler af lys kredsløb omkring dem, og hvis du skifter positioner, kan du ændre de former, de laver. Hvis du vil have flere magneter og partikler, skal du bare dobbeltklikke og trække dem til, hvor du vil have dem. Ja, det handler kun om magneter og fysik!
Celebrity Earnings Graph
Vil du se en visuel repræsentation af hvor meget tv-berømtheder tjener per episode? Dette er en cool lille graf, der viser stabler af farvebjælker, som repræsenterer, hvor meget en bestemt berømthed gør ved tapning af et tv-show (eller lavet i tilfælde som Charlie Sheen). Det blev lavet som en af mange projekter og eksperimenter af Daniel Rapp.
Lærredbånd
Paul Truong lavede dette interessante program, som giver dig mulighed for at male ved hjælp af et konstant bevægende, flerfarvet bånd på tværs af skærmen. Det gør figurer og mønstre, og effekten er ret smuk. Alt du skal gøre er at trække det over skærmen og taler om enkelhed eh.
WebGL Vand
Her kommer en cool demo ved hjælp af det revolutionerende WebGL (Web-based Graphics Library), som bedst serveres med Google Chrome. Med demoen kan du trække på vandet for at lave krusninger eller trække kuglen for at flytte den rundt og trykke på nogle tastaturtaster for at indstille lysretningen og skifte tyngdekraften, alt for vidne, hvordan det bevægede objekt interagerer livligt med miljøet, scarily realistisk.
Chrysaora
Endnu en fantastisk demonstration, der anvender WebGLs magi, som du kan se en gruppe af yderst smukke og vigtigst af livlige vandmænd, der bevæger sig i vandet, bestrålet af strålen af drømmeligt sollys. Vidne til den periode, at HTML5 og WebGL bringer web til liv, bedst set med Google Chrome.
Voxel Rain
Voxel regn betyder, at flerfarvede 3D bokse falder ned for at danne en roterende stor blok. Det er som at fremvise mulighederne for computer i 1990'erne, og nu kommer det til webbrowser ved at udnytte kraften i HTML5, den lyseste æra af internettet er ikke langt.
HTML5 Text Effects
Ofte spekulerer webdesigneren på hvor mange muligheder HTML5 virkelig kan hjælpe os til gennembrud i webtypografi, og denne demo giver dig svaret mere end nogensinde! Du kan vælge at være vidne til stereoskopisk effekt, neon effekt eller endda flytende neon effekt, fremtiden for web typografi er i hånden af HTML5.
Spinning HTML5 Logo
Jeg kan bare ikke holde HTML5's ære, det spinder, det roterer ... det er sejt.
Skitse i 3D
Bored af HTML5-baseret 2D sketching service? Se lige det her. Træk blot en linje, og tryk på Space, og træk derefter til venstre eller højre, og du vil se din tegning rotere i 3D-perspektiv. 3D-skitsering er ikke mere kompliceret med HTML5.
mta.me Dirigent
Mta.me Dirigent inspirerer dig med gydepunkter, der vil bevæge sig kontinuerligt for at danne linjer, og når linjerne “kollidere” Til hinanden vil de udløse nogle interaktioner. Alt for at bevise, at HTML5 handler ikke kun om kode men interaktion, og det er det, webbrugere virkelig bryr sig om.
Doogle Gmail
Et interessant shooter-type spil, men helten er Gmail, frigør det fra onde! Ligesom det klassiske skydespil har du liv, score og den almægtige laserstråle. Sandsynligvis en af de potentielle demoer til at fremvise mulighederne i HTML5 som et spil. Pas på, Flash.
W Pilot
Dette er et sådant vanedannende spil, at det burde være ulovligt. Alvorligt, når du logger ind på en af deres servere, vil du gerne spille i timevis. Du flyver grundlæggende omkring at skyde ting, mens du undgår at blive skudt af andre spillere. Det er simpelt og så sjovt at spille, og det faktum at det giver mulighed for en multiplayer-oplevelse er et seriøst plus, der sætter det over Flash-spil, der er så populære lige nu.