HTML5 Website Showcase 48 Potentielle Flash-Killing Demos

Så du har hørt alle rygter om HTML5 ville overtage Adobe Flash. Mens de fleste web-samfund argumenterer for, at det er muligt eller ej, skal du vandre, hvad der gør HTML5 så magtfuldt, at selv det store firma Apple vil bruge det til at erstatte Flash.

Det er derfor, dette indlæg eksisterer, vi vil ikke tale om, hvad HTML5 kan gøre, men viser live demoer af magiske ting, som HTML5 kan opnå med andre sprog som JavaScript, så gør dig klar til at blive inspireret.

Bemærk! Eftersom HTML5 ikke understøttes fuldt ud af en bestemt webbrowser som Internet Explorer, anbefales du stærkt at bruge Firefox-browseren til at se alle HTML5-demoer nedenfor.

Animation

HTML5's lærredelement er den afgørende faktor for HTML5 til at erstatte visse Flash-animationer. Det giver dig mulighed for at opbygge dynamisk, scriptable gengivelse af 2D-former og bitmapbilleder med Javascript, som med andre middel er styrbar animation.

Audioburst Animation

En behagelig og fantastisk animation oprettet med HTML5's lærred og lyd tag.

Ball Pool

Udstillet i den sidste Google I / O-begivenhed, viser denne demo, hvor dynamisk HTML5 kan være.

Blob Salad

En HTML5-skabt væsen, der vil glæde dig.

Bomomo

Med Bomomo kan du observere forskellige atombevægelser simuleret med HTML5.

Browserbold

Bliv forbløffet over denne HTML5-bold på tværs af browseren.

bobler

Hav det sjovt ved at skabe endeløse flydende bobler med forskellig farve.

Canvas Cartoon Animation

En simpel og sjov HTML5 tegneserie, der hjælper dig med at forstå, hvad HTML5's lærred element kan gøre.

Coolclock

Et flot, tilpasset analogt ur bygget af HTML5 og JavaScript.

Flickr PS3 Slideshow

Se dine Flickrs fotos med PS3-stil diasshow i webbrowseren.

Interaktiv polaroid

En interaktiv demo, der virker stort set til multi touch-grænsefladen.

JS Fyrværkeri

Nyd fyrværkeri øjeblikket med din foretrukne tyngdekraft og hastighed, drevet af HTML5 og Javascript.

Kalejdoskop

Et meget smukt og futuristisk HTML5 kalejdoskop.

Flydende partikler

Følsom partikel-animation, der reagerer på baggrund af din musbevægelse.

Mesmerizer

En anden følsom og fremragende HTML5-demo, der viser, hvordan nærliggende elementer reagerer med din mus bevægelse.

Nebula Cloud

Gå vild med denne vidunderlige HTML5-nebula.

Parallax

Se alle 2D-former i parallel perspektiv.

Partikel Animation

En elegant HTML5 partikel animation, der kan danne din foretrukne besked.

Sprede

Gå vild med denne endeløse spredning animation.

starfield

En meget cool HTML5 starfield animation, der ville ændre retning og hastighed baseret på din mus bevægelse.

Video ødelæggelse

Et klik til boom en afspilning video.

Waveform

Overhold hvordan HTML5's lærredbølge bevæger sig ved at ændre dens amplitude, bølgelængde, bredde osv.

3D-effekt

Imponeret af lærred animation? Det er mere HTML5s lærredelement kan gøre, og det hedder 3D-effekt. Udvikler kan stole på lærredelement, DOM og JavaScript for at oprette 3D-effekt, som senere kan udvikles til 3D-animation eller spil.

Canvas3D og Flickr

Få en helt ny 3D-oplevelse med Flickrs fotostrøm.

Cloth Simulation

En realistisk, HTML5-baseret kludsimulering.

Evolving Monster

Overhold et monster, der udvikler sig til en kompliceret væsen, en af ​​dens skabere er HTML5.

Google Gavekasse

Giant søgemaskine Google præsenteres i 3D, spilbar visning.

JS Touch

En høj kvalitet og realistisk '3D på 2D Canvas' showcase.

Data Præsentation

Mens HTML5's lærredelement kan bruges til at oprette animation og 3D-effekt, kan den også implementeres til at præsentere matematiske data.

gnuplot

Gnuplot, en data plotting applikation i HTML5 version.

RGraph

RGraph tilbyder en bred vifte af data præsentation som stregdiagram, statuslinje og traditionelt radar diagram.

Webapplikation

I sidste ende, ved at bruge alle muligheder kombineret med HTML5 og andre langauge, kan man skabe interaktive applikationer eller spil, der er tæt på Flash applikation.

CanvasPaint

Vidne til broderen til Microsoft Paint kommer ind i din webbrowser, og hans far er HTML5.

CanvasMol

En videnskabelig ansøgning, der er bygget til at hjælpe dig med at forstå visse jordelementers struktur.

Tegneserie Builder

Tegn interessant tegneseriebillede med denne minimal og interaktive tegneseriebygger.

Træk noget her

Træk alt, hvad du kan trække i demoen, for at vise detaljer.

Gartic Sketch

En original HTML5-applikation, der giver dig mulighed for at lave nogle grundlæggende tegninger, der kan gemmes i forskellige billedformater som jpeg eller png.

PhysicSketch

Tegn, hvad du vil, og se hvordan de reagerer med simuleret tyngdekraft.

Sketchpad

En kraftig HTML5 tegning applikation, der gør det muligt at tegne og redigere dit billede på den præcise måde.

Småsnak

En webapplikation, der bekræfter geografisk placering af vejrrelateret besked, der er erhvervet fra Twitter, og danner dem således til et lærredsbaseret "socialt vejrkort", ganske trivielt (som anført af forfatteren), men interessant.

Spil

3Bored

Du vil aldrig kede dig, hvis du kan fortsætte med at undslippe hundredvis af HTML5-kugler i næste sekund.

Udbrud

Rebound bolden for at bryde alle mursten.

Canvascape

Ikke helt et spil, men det viser hvordan HTML5 kan bruges til at udvikle First Person Shooting-browserspil.

Fang det

Hvor mange bolde kan du undvige for at få din vindende HTML5-firkant?

Kædereaktion

Kæde eksplosionen for at nå målet, ikke blive afhængig.

Cubeout

Spil Tetris i 3D, top-down visning.

etchaPhysics

Tegn emne for at flytte bolden til stjernen, ikke glem gravitationen.

Puslespil

Klik, drej og slip puslespil for at løse dette HTML5-baserede puslespil.

Slide Puzzle

Slide til sejren, et andet HTML5 spil, der er bygget til at presse dit sind juice.

Samme spil

Fjern bestemte grupper for at få en anden gruppe parret i samme farve, og du vil til sidst blive tildelt en sejr.

Tetris

Et af de mest klassiske spil bragt tilbage til livet af HTML5.

Torus

Endnu et andet Tetris-spil i pseudo-3D-version.

Konklusion

Hvad er begrænsningen af ​​HTML5? På dette tidspunkt kan vi ikke beslutte, men med den imponerende video nedenfor kan vi vide, hvor langt HTML5 er blevet skubbet:

Ja, det er Quake II i webbrowser, så nu er det meget klart, at med HTML5 ville mere banebrydende webapplikation blive født til at tjene milliarder internetbrugere. Det er hurtigt, det udvikler sig, og det ændrer verdensomspændende web. Spørgsmålet er, hvordan ville du bruge dette spil-skiftende HTML5?

Vi kan godt lide at høre din ide!