Izložba web-lokacije HTML5 48 Potencijalni demo-pokušaji ubijanja Flash-a
Tako ste čuli sve glasine da će HTML5 preuzeti Adobe Flash. Iako većina web-zajednice tvrdi da je to moguće ili ne, morate lutati što čini HTML5 tako moćnim da ga čak i divovska tvrtka Apple želi upotrijebiti za zamjenu Flash-a.
Zbog toga ovaj post postoji, nećemo govoriti o tome što HTML5 može učiniti, ali prikazati demonstracije uživo čarobnih stvari koje HTML5 može postići drugim jezikom kao što je JavaScript, pa se pripremite za inspiraciju.
Napomena: Budući da određeni web-preglednik, kao što je Internet Explorer, nije u potpunosti podržan u HTML5, preporuča se da koristite preglednik Firefox da biste pregledali sve HTML5 demo u nastavku.
Animacija
Element platna HTML5 je odlučujući čimbenik za HTML5 da zamijeni određenu Flash animaciju. To vam omogućuje da izgradite dinamičan, scriptable renderiranje 2D oblika i bitmap slika s Javascriptom, koji je po drugim značenjima, kontrolirana animacija.
Animation AudioBurst
Udobna i fantastična animacija stvorena pomoću HTML5-ovog platna i audio oznake.
Ball Pool
Budući da je prikazan u posljednjem Google I / O događaju, ovaj prikaz pokazuje koliko dinamički može biti HTML5.
Blob Sallad
Stvorenje iz HTML5 koje će vas zadovoljiti.
Bomomo
S Bomomom možete promatrati različita atomska kretanja simulirana s HTML5.
Ball Browser
Zapanjite se ovom 'cross-browser' HTML5 loptom.
Mjehurići
Zabavite se stvarajući beskrajne plutajuće mjehuriće različite boje.
Platno crtana animacija
Jednostavan i zabavan HTML5 crtani film koji vam pomaže da shvatite što element HTML5 platna može učiniti.
Coolclock
Lijep, prilagodljiv analogni sat izgrađen od strane HTML5 i JavaScript.
Flickr PS3 Slideshow
Pregledajte Flickrove fotografije pomoću PS3 slideshowa u web pregledniku.
Interaktivni Polaroid
Interaktivni demo koji radi prilično slično multi touch sučelju.
JS Vatromet
Uživajte u trenutku vatrometa svojom gravitacijom i brzinom, koju pokreću HTML5 i Javascript.
Kaleidoskop
Vrlo lijep i futuristički HTML5 kaleidoskop.
Tekuće čestice
Osjetljiva animacija čestica koja reagira na temelju pokreta miša.
Mesmerizer
Još jedan osjetljiv i izvanredan HTML5 demo koji pokazuje kako u blizini reagiraju elementi pokreta miša.
Oblak magline
Gubite se s ovom čudesnom maglom HTML5.
paralaksa
Pogledajte sve 2D oblike u paralelnoj perspektivi.
Animacija čestica
Elegantna HTML5 animacija čestica koja se može oblikovati u željenu poruku.
Širenje
Gubite se s ovom beskrajnom animacijom.
Starfield
Vrlo kul HTML5 zvjezdana animacija koja bi promijenila smjer i brzinu na temelju pokreta miša.
Uništavanje videozapisa
Jedan klik za prikazivanje videozapisa.
valni oblik
Promatrajte kako se pomiče valoviti val HTML5 mijenjajući njegovu amplitudu, valnu duljinu, širinu itd.
3D efekt
Impresioniran je animacijom na platnu? To je više HTML5-ov element platna, koji se naziva 3D efekt. Programer se može osloniti na element platna, DOM i JavaScript kako bi stvorio 3D efekt, koji se kasnije može razviti u 3D animaciju ili igru.
Canvas3D i Flickr
Imajte potpuno novo 3D iskustvo s Flickr-ovim photostreamom.
Simulacija tkanine
Realistična simulacija tkanine temeljena na HTML5.
Razvija se čudovište
Promatrajte čudovište koje se razvija u komplicirano stvorenje, jedan od njegovih tvoraca je HTML5.
Google Giftbox
Ogromna tražilica Google prikazana je u 3D prikazu.
JS Touch
Visokokvalitetna i realistična izložba "3D na 2D platnu".
Prezentacija podataka
Dok se HTML5-ov element platna može koristiti za stvaranje animacije i 3D efekta, može se implementirati i za prikazivanje matematičkih podataka.
gnuplot
Gnuplot, aplikacija za crtanje podataka u HTML5 verziji.
RGraph
RGraph pruža širok raspon prezentacije podataka kao što su stupčani grafikon, traka napretka i tradicionalna radarska karta.
Web-aplikacija
Na kraju, koristeći sve mogućnosti kombinirane u HTML5 i drugom jeziku, možete stvoriti interaktivnu aplikaciju ili igru koja je blizu aplikacije Flash.
CanvasPaint
Svjedok brata Microsoft Paint dolazi u vaš web preglednik, a njegov otac je HTML5.
CanvasMol
Znanstvena aplikacija koja je izgrađena kako bi vam pomogla razumjeti određenu strukturu elementa zemlje.
Cartoon Builder
Nacrtajte zanimljivu crtanu sliku s ovim minimalnim i interaktivnim crtačem.
Povucite sve ovdje
Povucite sve što možete povući u demonstraciji da biste prikazali pojedinosti.
Gartic Sketch
Izvorna HTML5 aplikacija koja vam omogućuje da napravite neke osnovne crteže koji se mogu spremiti u drugačiji format slike kao što je jpeg ili png.
PhysicSketch
Nacrtajte što god želite i vidite kako oni reagiraju simuliranom gravitacijom.
Blok za crtanje
Moćna HTML5 aplikacija za crtanje koja omogućuje precizno crtanje i uređivanje slike.
Čavrljanje
Web aplikacija koja potvrđuje zemljopisni položaj poruke vezane uz vremenske prilike stečene na Twitteru, formirajući ih tako na kartici "socijalnog vremena" na platnu, koja je prilično trivijalna (kako navodi autor), ali zanimljiva.
igra
3Bored
Nikada vam neće biti dosadno ako u sljedećoj sekundi možete izbjeći stotine HTML5 metaka.
Bijeg
Odskakivanje lopte razbiti sve cigle.
Canvascape
Nije baš igra, ali pokazuje kako se HTML5 može koristiti za razvoj igre prve osobe.
Uhvatiti
Koliko lopti možete izmicati da biste dobili svoj pobjednički HTML5 kvadrat?
Lančana reakcija
Lanac eksplozije za postizanje cilja, nemojte se ovisiti.
Cubeout
Igrajte Tetris u 3D prikazu odozgo prema dolje.
etchaPhysics
Nacrtajte stavku kako biste premjestili loptu na zvijezdu, ne zaboravite na gravitaciju.
Slagalica
Kliknite, rotirajte i ispustite slagalice kako biste riješili ovu slagalicu na bazi HTML5.
Slide Puzzle
Skliznite na pobjedu, još jednu HTML5 igru koja je izgrađena da iscijedi vaš sok.
Ista igra
Uklonite određenu grupu kako biste dobili drugu grupu u istoj boji i na kraju ćete dobiti pobjedu.
Tetris
Jedna od najklasičnijih igara vraćenih u život HTML5.
plodište
Još jedna Tetris igra u pseudo-3D verziji.
Zaključak
Što je ograničenje HTML5? U ovom trenutku ne možemo odlučiti, ali uz impresivan videozapis u nastavku možemo znati koliko je HTML5 potisnut:
Da, to je Quake II u web-pregledniku, tako da je sada vrlo jasno da će se s HTML5-om stvoriti više revolucionarna web-aplikacija koja će služiti milijardama korisnika interneta. Brz je, razvija se i mijenja svijet. Pitanje je kako biste koristili ovaj HTML5 koji mijenja igru?
Volimo čuti vašu ideju!
