Domača » Oblikovanje spletnih strani » Predstavitev spletnega mesta HTML5 48 Potencialni demo posnetki Flash-Killing

    Predstavitev spletnega mesta HTML5 48 Potencialni demo posnetki Flash-Killing

    Torej ste slišali vse govorice o tem, da bo HTML5 prevzel Adobe Flash. Medtem ko večina spletnih skupnosti trdi, da je to mogoče ali ne, se morate potikati, zaradi česar je HTML5 tako močan, da ga želi uporabiti celo velika družba Apple, da jo nadomesti s programom Flash.

    Zato ta objava obstaja, ne bomo govorili o tem, kaj lahko HTML5 stori, ampak prikazujemo predstavitve v živo čarobnih stvari, ki jih HTML5 lahko doseže z drugim jezikom, kot je JavaScript, zato se pripravite na navdih.

    Opomba: Ker HTML5 ni v celoti podprt v določenem spletnem brskalniku, kot je Internet Explorer, vam priporočamo, da uporabite brskalnik Firefox, da si ogledate vse HTML5 predstavitve spodaj.

    Animacija

    Element platna HTML5 je odločilen dejavnik za HTML5, da nadomesti določeno animacijo Flash. Omogoča vam, da zgradite dinamično, skriptno upodabljanje 2D oblik in bitnih slik z Javascript-om, ki ga z drugimi pomeni, nadzorovana animacija.

    Animacija Audioburst

    Udobna in fantastična animacija, ustvarjena s platno in zvočno oznako HTML5.

    Ball Pool

    Ker je prikazan v zadnjem Google I / O dogodku, ta demo prikazuje, kako dinamično je lahko HTML5.

    Blob Sallad

    Ustvarjeno HTML5 ustvarjeno bitje, ki vas bo zadovoljilo.

    Bomomo

    Z Bomomo lahko opazujete različna atomska gibanja, simulirana z HTML5.

    Ball Browser

    Presenetite se s to "žogo v brskalniku" HTML5.

    Mehurčki

    Zabavajte se z ustvarjanjem neskončnih plavajočih mehurčkov z različnimi barvami.

    Animacija animiranega platna

    Preprosta in zabavna risanka HTML5, ki vam pomaga razumeti, kaj lahko element elementa HTML5.

    Coolclock

    Lepo, prilagodljivo analogno uro, izdelano s programom HTML5 in JavaScript.

    Flickr PS3 Slideshow

    Oglejte si fotografije Flickra s predstavitvijo v slogu PS3 v spletnem brskalniku.

    Interaktivni polaroid

    Interaktivni demo, ki deluje precej podobno vmesniku multi touch.

    JS Fireworks

    Uživajte v ognjemetnem trenutku z vašo želeno težo in hitrostjo, ki ga poganjajo HTML5 in Javascript.

    Kaleidoskop

    Zelo lepa in futuristična HTML5 kalejdoskop.

    Tekoči delci

    Občutljiva animacija delcev, ki reagira na podlagi gibanja miške.

    Mesmerizer

    Še ena občutljiva in izjemna predstavitev HTML5, ki prikazuje, kako se elementi v bližini odzivajo z gibanjem miške.

    Oblak meglice

    Izgubite se s to čudovito meglico HTML5.

    Paralaksa

    Oglejte si vse 2D oblike vzporedno.

    Animacija delcev

    Elegantna HTML5 animacija delcev, ki se lahko oblikuje v vaše želeno sporočilo.

    Spread

    Izgubite se s to neskončno razširjeno animacijo.

    Starfield

    Zelo kul HTML5 starfield animacija, ki bi spremenila smer in hitrost glede na gibanje miške.

    Uničenje videoposnetka

    En klik za predvajanje videa.

    Valovna oblika

    Opazujte, kako se valovski val HTML5 premika s spreminjanjem njegove amplitude, valovne dolžine, širine itd.

    Učinek 3D

    Navdušena nad animacijo platna? To je lahko več element HTML5 v platnu in se imenuje 3D učinek. Razvijalec se lahko zanese na element platna, DOM in JavaScript, da ustvari 3D učinek, ki se lahko kasneje razvije v 3D animacijo ali igro.

    Canvas3D in Flickr

    Popolnoma novo 3D izkušnjo s Flickrjevim fotostreamom.

    Simulacija tkanine

    Realistična simulacija tkanin, ki temelji na HTML5.

    Razvija se pošast

    Opazujte pošast, ki se razvija v zapleteno bitje, eden od njegovih ustvarjalcev je HTML5.

    Google Giftbox

    Ogromen iskalnik Google je predstavljen v 3D predvajalnem pogledu.

    JS Touch

    Visokokakovostna in realistična izložba "3D na 2D platnu".

    Predstavitev podatkov

    Čeprav se lahko element HTML5 v platnu uporablja za ustvarjanje animacije in 3D-učinka, se lahko uporabi tudi za predstavitev matematičnih podatkov.

    Gnuplot

    Gnuplot, aplikacija za načrtovanje podatkov v različici HTML5.

    RGraph

    RGraph ponuja široko paleto predstavitev podatkov, kot so bar chart, napredek in tradicionalni radarski grafikon.

    Spletna aplikacija

    Na koncu lahko z uporabo vseh možnosti, ki jih združuje HTML5 in drugi jezik, ustvarite interaktivno aplikacijo ali igro, ki je blizu aplikacije Flash..

    Slika na platnu

    Priča, da brat Microsoft Paint pride v vaš spletni brskalnik, njegov oče pa je HTML5.

    CanvasMol

    Znanstvena aplikacija, ki je zgrajena, da vam pomaga razumeti strukturo določenega elementa zemlje.

    Cartoon Builder

    S tem minimalnim in interaktivnim oblikovalcem risank narišite zanimivo risanko.

    Povlecite vse tukaj

    Povlecite vse, kar lahko v predstavitvi povlečete, da prikažete podrobnosti.

    Skica Gartic

    Originalna aplikacija HTML5, ki vam omogoča, da naredite nekaj osnovnih risb, ki jih lahko shranite v drug format slike, kot je jpeg ali png.

    PhysicSketch

    Narišite, kar želite, in si oglejte, kako reagirajo s simulirano težo.

    Sketchpad

    Zmogljiva aplikacija za risanje HTML5, ki omogoča natančno risanje in urejanje slike.

    Smalltalk

    Spletna aplikacija, ki potrjuje geografski položaj sporočila, povezanega s vremenskimi razmerami, pridobljenega iz Twitterja, in jih tako oblikuje v karto »socialnega vremena« na osnovi platna, ki je precej nepomembna (kot navaja avtor), vendar zanimiva..

    Igra

    3Bored

    Nikoli vam ne bi bilo dolgčas, če boste lahko v naslednji sekundi še vedno ušli na stotine HTML5 nabojev.

    Izbruh

    Rebound žogo, da bi prekinil vse opeke.

    Canvascape

    Ni čisto igra, vendar prikazuje, kako se lahko HTML5 uporablja za razvoj prvega brskalnika.

    Ujemi

    Koliko žogic lahko dodgeš, da dobiš zmagovalni HTML5 kvadrat?

    Verižna reakcija

    Veriga eksplozije za dosego cilja, ne zaslužite zasvojen.

    Cubeout

    Igrajte Tetris v 3D, od zgoraj navzdol.

    etchaPhysics

    Narišite predmet, da premaknete žogo na zvezdo, ne pozabite na težo.

    Sestavljanka

    Kliknite, zavrtite in spustite koščke sestavljanke, da bi rešili to sestavljeno iz HTML5 sestavljanke.

    Slide Puzzle

    Dotaknite se zmage, še eno igro HTML5, ki je zgrajena, da stisne vaš sok.

    Ista igra

    Odstranite določeno skupino, da dobite drugo skupino v isti barvi in ​​bi vam na koncu podelili zmago.

    Tetris

    Ena izmed najbolj klasičnih iger, ki jo je oživil HTML5.

    Torus

    Še ena igra Tetris v psevdo-3D različici.

    Zaključek

    Kakšna je omejitev HTML5? Na tej točki se ne moremo odločiti, toda z impresivnim videoposnetkom spodaj lahko vemo, kako daleč je bil poslan HTML5:

    Da, to je Quake II v spletnem brskalniku, tako da je zdaj zelo jasno, da bi se s HTML5 razvila bolj pionirska spletna aplikacija, ki bi služila milijardam uporabnikov interneta. Hitro je, razvija se in spreminja svetovni splet. Vprašanje je, kako bi uporabili ta HTML5, ki spreminja igro?

    Radi bi slišali vašo idejo!