HTML5 Website Showcase 48 Potensielle Flash-Killing Demos
Så du har hørt alle rykter om HTML5 ville ta over Adobe Flash. Mens de fleste websamfunn argumenterer for at det er mulig eller ikke, må du vandre som gjør HTML5 så kraftig at selv gigantisk selskap Apple vil bruke det til å erstatte Flash.
Det er derfor dette innlegget eksisterer, vi skal ikke snakke om hva HTML5 kan gjøre, men vise live demoer av magiske ting som HTML5 kan oppnå med andre språk som JavaScript, så gjør deg klar til å bli inspirert.
Merk: Siden HTML5 ikke er fullt støttet av en bestemt nettleser som Internet Explorer, anbefales du sterkt å bruke Firefox-nettleseren for å vise alle HTML5-demoene nedenfor.
animasjon
HTML5s lerretelement er den avgjørende faktoren for HTML5 for å erstatte visse Flash-animasjoner. Det lar deg bygge dynamisk, skriptbar gjengivelse av 2D former og bitmap bilder med Javascript, som med andre menes, kontrollerbar animasjon.
Audioburst Animasjon
En komfortabel og fantastisk animasjon opprettet med HTML5s lerret og lyd-tag.
Ball Pool
Vises frem i den siste Google I / O-hendelsen, viser denne demoen hvor dynamisk HTML5 kan være.
Blob Salad
En HTML5-skapet skapning som vil tilfredsstille deg.
Bomomo
Med Bomomo kan du observere forskjellig atombevegelse simulert med HTML5.
Browser Ball
Bli overrasket over denne HTML5-kule med kryssbrowser.
Bubbles
Ha det gøy ved å lage endeløse flytende bobler med forskjellig farge.
Canvas Cartoon Animasjon
En enkel og morsom HTML5-tegneserie som hjelper deg å forstå hva HTML5s lerretelement kan gjøre.
Coolclock
En fin, tilpassbar analog klokke bygget av HTML5 og JavaScript.
Flickr PS3 Slideshow
Se dine Flickr bilder med PS3 stil lysbildefremvisning i nettleseren.
Interaktiv Polaroid
En interaktiv demo som fungerer ganske lik multi touch grensesnitt.
JS fyrverkeri
Nyt fyrverkeri øyeblikket med din foretrukne tyngdekraft og fart, drevet av HTML5 og Javascript.
Kaleidoscope
Et veldig flott og futuristisk HTML5 kalejdoskop.
Flytende partikler
Følsom partikkel-animasjon som reagerer ut fra musebevegelsen.
Mesmerizer
En annen sensitiv og enestående HTML5-demo som viser hvordan nærliggende elementer reagerer med musebevegelsen.
Nebula Cloud
Glem deg med denne vidunderlige HTML5-nebelen.
Parallax
Se alle 2D-former i parallelt perspektiv.
Partikkel Animasjon
En elegant HTML5 partikkel-animasjon som kan danne deg i din foretrukne melding.
Spredt
Glem deg med denne uendelige spredningsanimasjon.
Star
En veldig kul HTML5 starfield animasjon som ville endre retning og hastighet basert på musebevegelsen.
Video ødeleggelse
Ett klikk for å boke en spillervideo.
Waveform
Vær oppmerksom på hvordan HTML5s lerretbølge beveger seg ved å endre dens amplitude, bølgelengde, bredde osv.
3D-effekt
Imponert av lerret animasjon? Det er mer HTML5s lerretelement kan gjøre, og det kalles 3D-effekt. Utvikler kan stole på lerretelement, DOM og JavaScript for å lage 3D-effekt, som senere kan utvikles til 3D-animasjon eller -spill.
Canvas3D og Flickr
Få en helt ny 3D-opplevelse med Flickrs fotostrøm.
Cloth Simulation
En realistisk, HTML5-basert klut simulering.
Evolving Monster
Vær oppmerksom på et monster som utvikler seg til en komplisert skapning, en av skaperen er HTML5.
Google-gavekasse
Giant søkemotor Google presenteres i 3D, spillbar visning.
JS Touch
En høy kvalitet og realistisk "3D på 2D Canvas" showcase.
Datapresentasjon
Mens HTML5s lerretelement kan brukes til å lage animasjon og 3D-effekt, kan den også implementeres for å presentere matematiske data.
Gnuplot
Gnuplot, en data-plotting-applikasjon i HTML5-versjon.
RGraph
RGraph gir et bredt spekter av data presentasjon som bar diagram, fremdriftslinje og tradisjonelle radar diagram.
Webapplikasjon
Til slutt, ved å bruke alle muligheter kombinert med HTML5 og andre langauge, kan man lage interaktivt program eller spill som er nær Flash-applikasjon.
CanvasPaint
Vitne broren til Microsoft Paint kommer inn i nettleseren din, og hans far er HTML5.
CanvasMol
En vitenskapelig applikasjon som er bygget for å hjelpe deg med å forstå visse jordelementer struktur.
Tegneseriebygger
Tegn interessant tegneseriebilde med denne minimal og interaktive tegneseriebyggeren.
Dra noe her
Dra alt du kan dra i demoen for å vise detaljer.
Gartic Sketch
Et originalt HTML5-program som lar deg lage noen grunnleggende tegninger som kan lagres i forskjellige bildeformater som jpeg eller png.
PhysicSketch
Tegn hva du vil og se hvordan de reagerer med simulert tyngdekraft.
tegneblokk
Et kraftig HTML5 tegneprogram som lar deg tegne og redigere bildet ditt på presis måte.
Småprat
En webapplikasjon som bekrefter geografisk posisjon av værrelatert melding som er anskaffet fra Twitter, og dermed danner dem til et lerretsbasert "sosialt værkart", ganske trivielt (som oppgitt av forfatteren), men interessant.
Spill
3Bored
Du vil aldri bli kjedelig hvis du kan fortsette å unnslippe hundrevis av HTML5-kuler i neste sekund.
Bryte ut
Rebound ballen for å ødelegge alle mursteinene.
Canvascape
Ikke helt et spill, men det demonstrerer hvordan HTML5 kan brukes til å utvikle First Person Shooting-nettleser.
Ta imot
Hvor mange baller kan du unnvike for å få din vinnende HTML5-firkant?
Kjedereaksjon
Kjør eksplosjonen for å oppnå målet, ikke bli avhengig.
Cubeout
Spill Tetris i 3D, topp ned-visning.
etchaPhysics
Tegn elementet for å flytte ballen til stjernen, ikke glem graviteten.
Puslespill
Klikk, roter og slipp puslespillbrikker for å løse dette HTML5-baserte puslespillet.
Slide Puzzle
Skyv til seieren, et annet HTML5-spill som er bygget for å klemme sinnet juice.
Samme spill
Fjern bestemt gruppe for å få en annen gruppe i samme farge, og du vil til slutt bli tildelt en seier.
Tetris
Et av de mest klassiske spillene kom tilbake til livet av HTML5.
torus
Enda et Tetris-spill i pseudo-3D-versjon.
Konklusjon
Hva er begrensningen av HTML5? På dette punktet kan vi ikke bestemme, men med den imponerende videoen nedenfor kan vi vite hvor langt HTML5 har blitt presset:
Ja, det er Quake II i nettleseren, så nå er det veldig klart at med HTML5 ville mer banebrytende webapplikasjon bli født for å betjene milliarder av internettbrukere. Det er raskt, det utvikler seg, og det endrer verdensomspennende web. Spørsmålet er, hvordan ville du bruke dette spillet endrer HTML5?
Vi liker å høre ideen din!
