HTML5 webhelybemutató 48 Lehetséges Flash-Killing Demos

Így hallottad a HTML5-ről szóló pletykákat az Adobe Flash átvételéről. Míg a legtöbb internetes közösség azt állítja, hogy lehetséges, vagy nem, meg kell vándorolnia a HTML5-nek olyan erőteljesen, hogy az Apple óriási cége is használni akarja a Flash helyett..

Ezért létezik ez a hozzászólás, nem fogunk beszélni arról, hogy mit tehet a HTML5, de mutasson élő varázslatokat a varázslatos dolgokról, amelyeket a HTML5 más nyelvvel, például a JavaScript-szel tud elérni, így készülj fel az inspirációra.

Megjegyzés: Mivel a HTML5-t nem támogatja bizonyos webböngészők, mint például az Internet Explorer, akkor ajánlott a Firefox böngésző használata az összes HTML5 demó megtekintéséhez..

Élénkség

A HTML5 vászon eleme a HTML5 döntő tényezője bizonyos Flash animációk helyettesítésére. Lehetővé teszi, hogy dinamikus, szkriptelhető 2D formátumú és bittérképes képeket készítsen Javascript-el, ami más módon is vezérelhető animáció.

Audioburst animáció

A HTML5 vászonjával és hangcímkéjével létrehozott kényelmes és fantasztikus animáció.

Ball Pool

A demó az utolsó Google I / O eseményen mutatta be, hogy milyen dinamikus lehet a HTML5.

Blob Sallad

Egy HTML5-összerakott lény, amely tetszene.

Bomomo

A Bomomo segítségével megfigyelhetjük a HTML5-vel szimulált különböző atommozgásokat.

Böngésző labda

Csodálkozzon ezzel a „cross-browser” HTML5 golyóval.

buborékok

Jó szórakozást hozhat létre olyan végtelen, különböző színű buborékokkal.

Vászon rajzfilm animáció

Egy egyszerű és vicces HTML5-rajzfilm, amely segít megérteni, hogy mit lehet tenni a HTML5-re.

Coolclock

Szép, testreszabható analóg óra a HTML5 és a JavaScript által.

Flickr PS3 diavetítés

Tekintse meg a Flickr fotóit a PS3-stílusú diavetítéssel a webböngészőben.

Interaktív polaroid

Egy interaktív demó, amely nagyon hasonlít a multi-touch felülethez.

JS Tűzijáték

Élvezze a tűzijáték pillanatait a kívánt gravitációval és sebességgel, amit a HTML5 és a Javascript használ.

Kaleidoszkóp

Nagyon szép és futurisztikus HTML5 kaleidoszkóp.

Folyékony részecskék

Érzékeny részecske animáció, amely az egér mozgása alapján reagál.

Mesmerizer

Egy másik érzékeny és kiemelkedő HTML5 demó, amely megmutatja, hogy a közeli elemek hogyan reagálnak az egér mozgásával.

Nebula Cloud

Szálljon meg ezzel a csodálatos HTML5 köddel.

Parallaxis

Tekintse meg az összes 2D formátumot párhuzamosan.

Részecske animáció

Elegáns HTML5-részecske-animáció, amely a kívánt üzenetbe kerülhet.

spread

Veszj el ezzel a végtelenül elterjedt animációval.

csillagmezõ

Egy nagyon hűvös HTML5 csillagmező animáció, amely az egér mozgása alapján megváltoztatná az irányt és a sebességet.

Videó megsemmisítése

Egy kattintás a videó lejátszásához.

hullámforma

Figyelje meg, hogyan mozog a HTML5 vászonhulláma amplitúdójának, hullámhosszának, szélességének stb.

3D effektus

Benyújtott a vászon animáció? Ez több HTML5-es vászonelemet is megtehet, és ezt 3D hatásnak nevezzük. A fejlesztő 3D-effektus létrehozásához támaszkodhat a vászon elemre, a DOM-ra és a JavaScript-re, amely később 3D-s animáció vagy játék lehet.

Canvas3D és Flickr

Teljesen új 3D-s élményt nyújthat a Flickr fotoszűrőjével.

Szövet szimuláció

Egy reális, HTML5 alapú szövetszimuláció.

Fejlődő szörny

Figyelj egy szörnyet, amely bonyolult teremtményré fejlődik, egyik alkotója HTML5.

Google Ajándékdoboz

Óriási keresőmotor A Google 3D-s, lejátszható nézetben jelenik meg.

JS Touch

Kiváló minőségű és valósághű „3D a 2D-s vászonra”.

Adatbevitel

Míg a HTML5 vászon eleme felhasználható animáció és 3D hatás létrehozására, a matematikai adatok bemutatására is használható.

gnuplot

Gnuplot, egy HTML5 verziójú adatrögzítő alkalmazás.

RGraph

Az RGraph az adatszolgáltatás széles skáláját kínálja, mint a sávdiagram, a folyamatjelző sáv és a hagyományos radar diagram.

Webalkalmazás

Végül, a HTML5 és más langauge által kombinált összes lehetőség felhasználásával interaktív alkalmazást vagy játékot hozhatunk létre, amely közel van a Flash alkalmazáshoz.

CanvasPaint

Tanúja a Microsoft Paint testvére a webböngészőjébe kerül, és az apja HTML5.

CanvasMol

Olyan tudományos alkalmazás, amely segít megérteni bizonyos földelemek szerkezetét.

Rajzfilm készítő

Rajzoljon érdekes rajzfilmképet ezzel a minimális és interaktív rajzfilmépítővel.

Húzzon bármit itt

A részletek megjelenítéséhez húzzon bármit, amit a demóban húzhat.

Gartic vázlat

Egy eredeti HTML5 alkalmazás, amely lehetővé teszi, hogy néhány olyan alapvető rajzot készítsen, amely különböző képformátumba menthető, mint a jpeg vagy a png.

PhysicSketch

Rajzolj mindent, amit akarsz, és nézd meg, hogyan reagálnak a szimulált gravitációval.

Rajztábla

Egy erőteljes HTML5 rajzalkalmazás, amely lehetővé teszi a kép pontos és pontos rajzolását és szerkesztését.

Csevej

Egy webalkalmazás, amely megerősíti a Twitterről szerzett időjárási üzenetek földrajzi helyzetét, ezáltal egy vászonalapú „társadalmi időjárás” térképre, ami elég triviális (a szerző szerint), de érdekes.

Játszma, meccs

3Bored

Soha nem unatkozna, ha a következő másodpercben több száz HTML5 golyót is elkerülhet.

Kitörni

Rebound a labdát, hogy megtörje az összes téglát.

Canvascape

Nem egészen játék, de megmutatja, hogy a HTML5 hogyan használható az első személy felvételi böngészőjáték fejlesztésére.

Kapd el

Hány golyót lehet kikerülni, hogy megkapja a nyertes HTML5 négyzetet?

Láncreakció

A robbanás láncát a cél eléréséhez, ne hozza függővé.

Cubeout

Tetris lejátszása 3D-s, felülről lefelé nézetben.

etchaPhysics

Rajzolj egy elemet a labda mozgatásához a csillagra, ne felejtsd el a gravitációt.

Kirakós

A HTML5-alapú kirakós játék megoldásához kattintson, forgassa el és dobja el a puzzle-darabokat.

Slide Puzzle

Csúsztassa el a győzelmet, egy másik HTML5 játékot, amely úgy épül fel, hogy lenyomja az elmédlét.

Ugyanaz a játék

Távolítson el egy bizonyos csoportot, hogy egy másik csoportot azonos színnel párosítson, és végül győzelmet kapjon.

Tetris

A HTML5 által életre keltett egyik legjellemzőbb játék.

oszlopláb

Még egy Tetris játék pszeudo-3D változatban.

Következtetés

Mi a HTML5 korlátozása? Ezen a ponton nem tudjuk eldönteni, de az alábbi lenyűgöző videóval tudjuk, hogy a HTML5 milyen messzire tolódott:

Igen, a Quake II a webböngészőben, így most már nagyon világos, hogy a HTML5-tel több úttörő webalkalmazás születne, hogy milliárdos internetfelhasználókat szolgáljon fel. Gyors, fejlődik, és megváltoztatja a világhálót. A kérdés az, hogy hogyan használná ezt a játékváltó HTML5-t?

Szeretjük hallani az ötletedet!