HTML5 tinklapio demonstracija 48 Galimi „Flash“ žudymo demonstracijos

Taigi jūs girdėjote, kad visi gandai apie HTML5 perims „Adobe Flash“. Nors dauguma žiniatinklio bendruomenių teigia, kad tai įmanoma, ar ne, jūs turite klajoti, kodėl HTML5 yra toks galingas, kad netgi milžiniška įmonė „Apple“ nori naudoti ją pakeisti „Flash“.

Štai kodėl ši žinutė egzistuoja, mes nekalbėsime apie tai, ką gali padaryti HTML5, bet parodyti stebuklingus dalykus, kuriuos HTML5 gali pasiekti su kita kalba, pvz., „JavaScript“, todėl pasiruoškite įkvėpti.

Pastaba: Kadangi tam tikra žiniatinklio naršyklė, pvz., „Internet Explorer“, HTML5 visiškai nepalaiko, rekomenduojame naudoti „Firefox“ naršyklę, kad peržiūrėtumėte visus toliau pateiktus HTML5 demonstracijas.

Animacija

„HTML5“ drobės elementas yra lemiamas HTML5 veiksnys, pakeičiantis tam tikrą „Flash“ animaciją. Tai leidžia sukurti dinamišką, scenarijų atvaizduojančią 2D formų ir bitų atvaizdų atvaizdavimą su „Javascript“, kuri kitais būdais yra kontroliuojama animacija.

„Audioburst“ animacija

Patogus ir fantastinis animacija, sukurta naudojant HTML5 drobę ir garso žymę.

Ball Pool

Šis demonstravimas rodo, kad dinaminis HTML5 gali būti rodomas paskutiniame „Google I / O“ renginyje.

Blob Sallad

HTML5 sugeneruotas padaras, kuris jums patiks.

Bomomo

Naudodami „Bomomo“, galite stebėti skirtingą atomo judėjimą, imituojamą su HTML5.

Naršyklės kamuolys

Nustebinkite šį „kryžminio naršyklės“ HTML5 kamuolį.

Burbulai

Smagiai sukurkite begalinius plaukiojančius burbulus su skirtinga spalva.

Drobės animacinė animacija

Paprasta ir juokinga HTML5 animacija, padedanti suprasti, ką gali padaryti HTML5 drobės elementas.

Coolclock

Gražus, pritaikomas analoginis laikrodis, sukurtas HTML5 ir „JavaScript“.

Flickr PS3 skaidrių demonstravimas

Peržiūrėkite savo „Flickr“ nuotraukas naudodami PS3 stiliaus skaidrių peržiūrą žiniatinklio naršyklėje.

Interaktyvus Polaroid

Interaktyvi demonstracija, kuri veikia gana panašiai kaip daugialypė sąsaja.

JS Fejerverkai

Mėgaukitės fejerverkų akimirkomis su pageidaujamo sunkumo ir greičio, kurį naudoja HTML5 ir „Javascript“.

Kaleidoskopas

Labai gražus ir futuristinis HTML5 kaleidoskopas.

Skystosios dalelės

Jautrios dalelių animacijos, kuri reaguoja pagal pelės judėjimą.

Mesmerizer

Kitas jautrus ir išskirtinis HTML5 demonstravimas, rodantis, kaip gretimi elementai reaguoja su jumis.

Nebula Cloud

Pasiklysti su šiuo nuostabiu HTML5 miglu.

Paralaksas

Peržiūrėti visus 2D formatus lygiagrečiai.

Dalelių animacija

Elegantiška HTML5 dalelių animacija, kuri gali būti įtraukta į pageidaujamą pranešimą.

Skleiskite

Pasiklyskite su šia begaline sklaida.

„Starfield“

Labai kietas HTML5 žvaigždės lauko animacija, kuri pakeistų kryptį ir greitį, pagrįstą pelės judėjimu.

Vaizdo naikinimas

Vienas paspaudimas paspaudus vaizdo įrašą.

Bangos forma

Stebėkite, kaip HTML5 drobės bangos juda, keisdami jos amplitudę, bangos ilgį, plotį ir pan.

3D efektas

Įspūdinga drobės animacija? Tai daugiau HTML5 drobės elementas, ir tai vadinama 3D efektu. Kūrėjas gali pasikliauti drobės elementu, DOM ir JavaScript, kad sukurtų 3D efektą, kuris vėliau gali būti sukurtas į 3D animaciją ar žaidimą.

Canvas3D ir Flickr

Turėkite visiškai naują „3D“ patirtį „Flickr“ fotostream.

Audinio modeliavimas

Realus, HTML5 pagrįstas audinio modeliavimas.

Evoliucinis monstras

Stebėkite monstrą, kuris išsivysto į sudėtingą padarą, vienas iš jo kūrėjų yra HTML5.

„Google“ dovanų dėžutė

„Giant“ paieškos sistema „Google“ pateikiama 3D vaizdu.

JS Touch

Aukštos kokybės ir realus „3D ant 2D drobės“ vitrina.

Duomenų pateikimas

Nors HTML5 drobės elementas gali būti naudojamas animacijai ir 3D efektui sukurti, jis taip pat gali būti įdiegtas matematiniams duomenims pateikti.

Gnuplot

Gnuplot - duomenų braižymo programa HTML5 versijoje.

RGraph

„RGraph“ siūlo platų duomenų pateikimo spektrą, pvz., Brūkšninę diagramą, pažangos juostą ir tradicinę radaro diagramą.

Žiniatinklio taikymas

Galiausiai, naudojant visas galimybes kartu su HTML5 ir kitais langauge, galima sukurti interaktyvią programą ar žaidimą, kuris yra netoli „Flash“ programos.

CanvasPaint

Liudytojas, kad „Microsoft Paint“ brolis atvyksta į jūsų žiniatinklio naršyklę, o jo tėvas yra HTML5.

CanvasMol

Mokslo programa, sukurta padėti jums suprasti tam tikrą žemės elemento struktūrą.

Cartoon Builder

Įrašykite įdomų animacinį vaizdą su šiuo minimaliu ir interaktyviu animacinių filmų kūrėju.

Vilkite viską čia

Norėdami parodyti detales, vilkite viską, ką galite vilkite demo.

Gartinis eskizas

Originali HTML5 programa, leidžianti atlikti kai kuriuos pagrindinius brėžinius, kuriuos galima išsaugoti skirtingais vaizdo formatais, pvz., Jpeg arba png.

PhysicSketch

Nupieškite viską, ką norite, ir pažiūrėkite, kaip jie reaguoja su imituojamu gravitacija.

Sketchpad

Galinga HTML5 piešimo programa, leidžianti tiksliai piešti ir redaguoti vaizdą.

Smalltalk

Žiniatinklio programa, patvirtinanti geografinę padėtį, susijusią su „Twitter“ gauta žiniasklaida, taip sudarant juos į drobės pagrindu „socialinio oro“ žemėlapį, kuris yra gana trivialus (kaip nurodė autorius), bet įdomus.

Žaidimas

3Bored

Niekada nebūsi nuobodu, jei kitą sekundę galite išvengti šimtų HTML5 kulkų.

Breakout

Atšaukite kamuolį, kad sugadintumėte visas plytas.

Canvascape

Ne visai žaidimas, bet parodo, kaip HTML5 gali būti naudojamas pirmojo asmens fotografavimo naršyklės žaidimui sukurti.

Pagauk

Kiek kamuoliukų galite išvengti, kad gautumėte laimėtą HTML5 aikštę?

Grandininė reakcija

Grandinės sprogimas, kad pasiektumėte tikslą, negausite priklausomybės.

„Cubeout“

Žaiskite „Tetris“ 3D, iš viršaus į apačią.

etchaPhysics

Nupieškite elementą, kad perkeltumėte kamuolį į žvaigždę, nepamirškite apie sunkumą.

Dėlionė

Spragtelėkite, pasukite ir nuleiskite galvosūkio gabalus, kad išspręstumėte šį HTML5 pagrįstą dėlionės.

Pristatymas

Pristatykite į pergalę, kitą HTML5 žaidimą, kuris sukurtas išspausti savo proto sultis.

Tas pats žaidimas

Pašalinkite tam tikrą grupę, kad gautumėte kitą grupę, susietą su ta pačia spalva, ir galiausiai jums bus suteikta pergalė.

Tetris

Vienas iš klasikinių žaidimų, atkurtų HTML5.

Torusas

Dar vienas Tetris žaidimas pseudo-3D versijoje.

Išvada

Kas yra HTML5 apribojimas? Šiuo metu mes negalime nuspręsti, bet su žemiau esančiu įspūdingu vaizdo įrašu galime sužinoti, kiek HTML5 yra stumiamas:

Taip, tai yra „Quake II“ žiniatinklio naršyklėje, todėl dabar labai aišku, kad su HTML5 bus sukurta daugiau novatoriškų žiniatinklio programų, kad būtų galima aptarnauti milijardus interneto vartotojų. Tai greitas, jis vystosi ir keičia pasaulinį tinklą. Kyla klausimas, kaip naudosite šį žaidimą keičiantį HTML5?

Mes norėtume išgirsti jūsų idėją!