HTML5 tīmekļa vietnes vitrīna 48 Iespējamās Flash nogalināšanas demonstrācijas

Tātad jūs esat dzirdējuši visas baumas par HTML5 pārņems Adobe Flash. Lai gan lielākā daļa tīmekļa kopienu apgalvo, ka tas ir iespējams vai nav, jums ir jātērē tas, kas padara HTML5 tik spēcīgu, ka pat gigants uzņēmums Apple vēlas to izmantot, lai aizstātu Flash.

Tieši tāpēc šī ziņa pastāv, mēs nerunājam par to, ko HTML5 var darīt, bet parādīt dzīvu demo no burvīgām lietām, kuras HTML5 var sasniegt ar citu valodu, piemēram, JavaScript, lai būtu gatavs iedvesmoties.

Piezīme. Tā kā dažas tīmekļa pārlūkprogrammas, piemēram, Internet Explorer, pilnībā neatbalsta HTML5, ieteicams izmantot pārlūkprogrammu Firefox, lai skatītu visus tālāk redzamos HTML5 demonstrējumus.

Animācija

HTML5 audekla elements ir HTML5 noteicošais faktors, lai aizstātu noteiktu Flash animāciju. Tas ļauj veidot dinamisku, skriptu veidojošu 2D formātu un bitmap attēlu atveidošanu ar Javascript, kas citādi nozīmē, kontrolējamu animāciju.

Audioburst animācija

Ērta un fantastiska animācija, kas izveidota ar HTML5 audekla un audio tagu.

Ball Pool

Demonstrējot pēdējo Google I / O notikumu, šī demonstrācija parāda, cik dinamiska var būt HTML5.

Blob Sallad

HTML5 radīts radījums, kas jūs iepriecinātu.

Bomomo

Ar Bomomo jūs varat novērot atšķirīgu atomu kustību, kas modelēta ar HTML5.

Pārlūka bumba

Iegūstiet pārsteigumu par šo “pārrobežu pārlūkprogrammas” HTML5 bumbu.

Burbuļi

Izbaudiet jautrību, izveidojot nebeidzamus peldošus burbuļus ar dažādu krāsu.

Gleznas animācijas animācija

Vienkāršs un smieklīgs HTML5 karikatūra, kas palīdz jums saprast, ko var paveikt HTML5 audekls.

Coolclock

Jauks, pielāgojams analogais pulkstenis, ko izveidojis HTML5 un JavaScript.

Flickr PS3 slīdrāde

Skatiet savas Flickr fotogrāfijas ar PS3 stila slīdrādi tīmekļa pārlūkprogrammā.

Interaktīvs Polaroid

Interaktīva demonstrācija, kas darbojas diezgan līdzīgi multi touch interfeisam.

JS Fireworks

Izbaudiet uguņošanas brīdi ar vēlamo smagumu un ātrumu, ko nodrošina HTML5 un Javascript.

Kaleidoskops

Ļoti skaists un futūristisks HTML5 kaleidoskops.

Šķidrās daļiņas

Jutīga daļiņu animācija, kas reaģē uz peles kustības pamata.

Mesmerizer

Vēl viens sensitīvs un izcils HTML5 demo, kas parāda, kā tuvumā esošie elementi reaģē ar jums, pārvietojoties.

Nebula Cloud

Pazust ar šo brīnumaino HTML5 miglāju.

Paralakss

Skatīt visas 2D formas paralēli.

Daļiņu animācija

Eleganta HTML5 daļiņu animācija, kas var veidoties jūsu vēlamajā ziņojumā.

Izplatīt

Pazaudējiet šo bezgalīgo izplatīto animāciju.

Starfield

Ļoti foršs HTML5 zvaigžņu laukuma animācija, kas mainītu virzienu un ātrumu, pamatojoties uz peles kustību.

Video iznīcināšana

Viens klikšķis, lai uzplauktu videoierakstu.

Viļņu forma

Ievērojiet, kā HTML5 audekla viļņa kustas, mainot tās amplitūdu, viļņu garumu, platumu utt.

3D efekts

Iespaidota ar audekla animāciju? Tas ir vairāk HTML5 audekla elements, un to sauc par 3D efektu. Izstrādātājs var paļauties uz audekla elementu, DOM un JavaScript, lai izveidotu 3D efektu, ko vēlāk var izstrādāt 3D animācijā vai spēlē.

Canvas3D un Flickr

Izbaudiet pilnīgi jaunu 3D pieredzi ar Flickr fotostream.

Auduma simulācija

Reālistiska, HTML5 balstīta auduma simulācija.

Monstrs

Ievērojiet monstru, kas attīstās par sarežģītu būtni, viens no tās veidotājiem ir HTML5.

Google dāvanu kaste

Milzu meklētājprogramma Google tiek attēlota 3D, atskaņojama skatījumā.

JS Touch

Augstas kvalitātes un reālistisks "3D uz 2D Canvas" vitrīna.

Datu prezentācija

Lai gan HTML5 audekla elementu var izmantot, lai izveidotu animāciju un 3D efektu, to var īstenot arī, lai prezentētu matemātiskos datus.

Gnuplot

Gnuplot - datu zīmēšanas lietojumprogramma HTML5 versijā.

RGraph

RGraph nodrošina plašu datu klāstu, piemēram, joslu diagrammu, progresa joslu un tradicionālo radara diagrammu.

Tīmekļa lietojumprogramma

Visbeidzot, izmantojot visas iespējas, ko apvieno HTML5 un citi langauge, var izveidot interaktīvu lietojumprogrammu vai spēli, kas ir tuvu Flash programmai.

CanvasPaint

Liecinieks, ka Microsoft Paint brālis nonāk jūsu tīmekļa pārlūkprogrammā, un viņa tēvs ir HTML5.

CanvasMol

Zinātniska lietojumprogramma, kas veidota, lai palīdzētu jums izprast noteiktu zemes elementu struktūru.

Karikatūras veidotājs

Zīmējiet interesantu karikatūras attēlu ar šo minimālo un interaktīvo karikatūru veidotāju.

Velciet kaut ko šeit

Lai parādītu detaļas, velciet visu, ko varat vilkt demonstrācijā.

Gartiskā skice

Oriģināla HTML5 programma, kas ļauj veikt dažus pamata zīmējumus, kurus var saglabāt dažādos attēla formātos, piemēram, JPEG vai PNG.

PhysicSketch

Izdariet visu, ko vēlaties, un redzēt, kā viņi reaģē ar simulēto gravitāciju.

Sketchpad

Spēcīga HTML5 zīmēšanas programma, kas ļauj zīmēt un rediģēt savu attēlu precīzi.

Smalltalk

Tīmekļa lietojumprogramma, kas apstiprina no čivinātām iegūto laika apstākļu ziņojuma ģeogrāfisko atrašanās vietu, tādējādi veidojot tos uz audekla balstītas “sociālās laika” kartes, kas ir diezgan triviāla (kā to norāda autors), bet interesants.

Spēle

3Bored

Jūs nekad nebūtu garlaicīgi, ja nākamajā sekundē jūs varētu izvairīties no simtiem HTML5 lodes.

Izlausties

Atbloķējiet bumbu, lai izjauktu visus ķieģeļus.

Canvascape

Ne gluži spēle, bet tas parāda, kā HTML5 var izmantot, lai izstrādātu First Person Shooting pārlūka spēli.

Catch It

Cik bumbas jūs varat izvairīties, lai saņemtu savu uzvarošo HTML5 laukumu?

Ķēdes reakcija

Ķēdes sprādziens, lai sasniegtu mērķi, nesaņem atkarību.

Cubeout

Spēlējiet Tetris 3D, no augšas uz leju.

etchaPhysics

Zīmējiet objektu, lai pārvietotu bumbu uz zvaigzni, neaizmirstiet par smagumu.

Mozaīkmīklas

Noklikšķiniet, pagrieziet un nometiet puzzle gabalus, lai atrisinātu šo HTML5 balstīto finierzāģa puzzle.

Slaidu puzzle

Slidiniet uz uzvaru, vēl vienu HTML5 spēli, kas veidota, lai izspiestu jūsu prāta sulu.

Tāda pati spēle

Noņemiet noteiktu grupu, lai iegūtu citu grupu, kas ir apvienota vienā krāsā, un jūs galu galā saņemsiet uzvaru.

Tetris

Viena no klasiskākajām spēlēm, ko atdzīvināja HTML5.

Torus

Vēl viena Tetris spēle pseido-3D versijā.

Secinājums

Kāds ir HTML5 ierobežojums? Šajā brīdī mēs nevaram izlemt, bet ar iespaidīgo videoklipu zemāk mēs varam uzzināt, cik tālu HTML5 ir spiests:

Jā, tas ir Quake II tīmekļa pārlūkprogrammā, tāpēc tagad ir ļoti skaidrs, ka ar HTML5 tiks radīts vairāk novatorisku tīmekļa lietojumprogrammu, kas kalpotu miljardiem interneta lietotāju. Tas ir ātrs, tas attīstās, un tas mainās visā pasaulē. Jautājums ir, kā jūs izmantotu šo spēļu mainīgo HTML5?

Mums patīk dzirdēt jūsu ideju!