HTML5 weboldal bemutató: 48 potenciális Flash-gyilkos demó

Szóval hallottad a pletykákat arról, hogy a HTML5 átveszi az Adobe Flash helyét. Bár a legtöbb webes közösség vitatja, hogy ez lehetséges-e vagy sem, biztosan te is elkalandoztál, hogy mitől olyan erős a HTML5, hogy még az óriáscég Apple is használni akarja a Flash helyettesítésére.

Ezért van ez a bejegyzés, nem arról fogunk beszélni, hogy mit tud a HTML5, hanem élő demókat mutatunk olyan varázslatos dolgokról, amiket a HTML5 más nyelvekkel, például a JavaScript-szel együtt tud elérni, szóval készülj fel az inspirálódásra.

Megjegyzés: Mivel a HTML5-öt bizonyos webböngészők, például az Internet Explorer nem támogatja teljes mértékben, erősen ajánlott a Firefox böngésző használata az alábbi HTML5 demók megtekintéséhez.

Animáció

A HTML5 canvas eleme a döntő tényező, hogy a HTML5 kivált bizonyos Flash animációkat. Lehetővé teszi a 2D-s alakzatok és bittérképes képek dinamikus, szkriptelhető megjelenítését Javascript segítségével, ami más szóval, irányítható animációt jelent.

Audioburst Animation

A HTML5 canvas és audio tag segítségével létrehozott kényelmes és fantasztikus animáció.

Ball Pool

A legutóbbi Google I/O eseményen bemutatott demó megmutatja, hogy a HTML5 milyen dinamikus tud lenni.

Blob Sallad

Egy HTML5 által keltett lény, ami tetszeni fog.

Bomomo

A Bomomo segítségével a HTML5 segítségével szimulált különböző atomi mozgásokat figyelheted meg.

Browser Ball

Legyen lenyűgözve ezzel a ‘cross-browser’ HTML5 labdával.

Buborékok

Mulass a végtelen lebegő, különböző színű buborékok létrehozásával.

Canvas rajzfilm animáció

Egy egyszerű és vicces HTML5 rajzfilm, amely segít megérteni, mire képes a HTML5 canvas eleme.

Coolclock

Egy szép, testreszabható analóg óra, amelyet HTML5 és JavaScript segítségével építettek fel.

Flickr PS3 Slideshow

Nézd meg a Flickr fotóit PS3 stílusú diavetítéssel a böngészőben.

Interaktív Polaroid

Egy interaktív demó, amely eléggé hasonlóan működik, mint a multi touch felület.

JS Fireworks

Élvezze a tűzijáték pillanatát a kívánt gravitációval és sebességgel, HTML5 és Javascript segítségével.

Kaleidoszkóp

Egy nagyon szép és futurisztikus HTML5 kaleidoszkóp.

Liquid Particles

Az egér mozgása alapján reagáló, érzékeny részecskeanimáció.

Mesmerizer

Egy újabb érzékeny és kiemelkedő HTML5 demó, amely megmutatja, hogyan reagálnak a közeli elemek az Ön egérmozgására.

Nebula Cloud

Tévedj el ezzel a csodás HTML5-köddel.

Parallax

Nézz meg minden 2D-s alakzatot párhuzamos perspektívában.

Részecskeanimáció

Egy elegáns HTML5 részecskeanimáció, amely a kívánt üzenetté alakítható.

Szóródás

Tévedj el ezzel a végtelen terjedésű animációval.

csillagmező

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

Videopusztítás

Egyetlen kattintással bumm egy lejátszott videó.

Hullámforma

Nézze meg, hogyan mozog a HTML5 vászonhullám az amplitúdó, a hullámhossz, a szélesség stb. megváltoztatásával.

3D effekt

Elnyomja a vászon animáció? Ennél többre képes a HTML5 canvas eleme, és ezt hívják 3D effektnek. A fejlesztő a canvas elemre, a DOM-ra és a JavaScriptre támaszkodva 3D hatást hozhat létre, amely később 3D animációvá vagy játékká fejleszthető.

Canvas3D és a Flickr

A Flickr fotófolyamával teljesen új 3D élményben lehet része.

Cloth Simulation

Egy realisztikus, HTML5-alapú ruhaszimuláció.

Evolving Monster

Nézd meg, hogyan fejlődik egy szörny egy bonyolult lénnyé, amelynek egyik alkotója a HTML5.

Google Giftbox

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

JS Touch

Egy kiváló minőségű és valósághű ‘3D on 2D Canvas’ bemutató.

Adatok bemutatása

Míg a HTML5 canvas eleme animáció és 3D hatás létrehozására használható, addig matematikai adatok bemutatására is megvalósítható.

Gnuplot

Gnuplot, egy adatrajzoló alkalmazás HTML5 változatban.

RGraph

Az RGraph az adatmegjelenítés széles skáláját kínálja, például oszlopdiagramot, haladási sávot és hagyományos radar diagramot.

Webalkalmazás

A HTML5 és más langauge által kombinált összes lehetőséget kihasználva olyan interaktív alkalmazást vagy játékot lehet létrehozni, amely közel áll a Flash alkalmazáshoz.

CanvasPaint

A Microsoft Paint testvére érkezik a böngészőbe, és az apja a HTML5.

CanvasMol

Egy tudományos alkalmazás, amely azért készült, hogy segítsen megérteni bizonyos földi elemek szerkezetét.

Cartoon Builder

Rajzolj érdekes rajzfilmképet ezzel a minimális és interaktív rajzfilmkészítővel.

Húzzon ide bármit

Húzzon ide bármit, amit a demóban húzhat a részletek bemutatásához.

Gartic Sketch

Eredeti HTML5 alkalmazás, amely lehetővé teszi, hogy néhány alapvető rajzot készítsen, amelyeket különböző képformátumba, például jpeg vagy png formátumba menthet.

PhysicSketch

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

Sketchpad

Egy hatékony HTML5 rajzoló alkalmazás, amely lehetővé teszi, hogy pontosan rajzolj és szerkeszd a képet.

Smalltalk

Egy webes alkalmazás, amely megerősíti a Twitterről szerzett, időjárással kapcsolatos üzenetek földrajzi helyzetét, és így egy vászon alapú “közösségi időjárási” térképpé formálja őket, meglehetősen triviális (a szerző állítása szerint), de érdekes.

Game

3Bored

Soha nem fogsz unatkozni, ha a következő másodpercben folyamatosan HTML5 golyók százait tudod kikerülni.

Breakout

Törd meg a labdát, hogy minden téglát összetörj.

Canvascape

Nem egészen játék, de bemutatja, hogyan lehet a HTML5 segítségével First Person Shooting böngészős játékot fejleszteni.

Catch It

Hány golyót tudsz kikerülni, hogy megszerezd a győztes HTML5 négyzetet?

Chain Reaction

Láncold a robbanást a cél elérése érdekében, ne ess függővé.

Cubeout

Játssz Tetrist 3D-ben, felülről lefelé nézetben.

etchaPhysics

Húzz elemet, hogy a labdát a csillaghoz juttasd, ne feledkezz meg a gravitációról.

Jigsaw Puzzle

Kattints, forgasd és dobd le a puzzle-darabokat, hogy megoldd ezt a HTML5-alapú puzzle-t.

Slide Puzzle

Slide to the victory, egy újabb HTML5 játék, ami arra készült, hogy kifacsarja az agyad levét.

Same Game

Távolíts el bizonyos csoportot, hogy egy másik, azonos színű csoportot párosíts, és végül győzelmet arass.

Tetris

Az egyik legklasszikusabb játékot eleveníti fel a HTML5.

Torus

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

Következtetés

Mi a HTML5 korlátja? Ezt egyelőre nem tudjuk eldönteni, de az alábbi lenyűgöző videó segítségével megtudhatjuk, hogy meddig jutott a HTML5:

Igen, ez a Quake II webböngészőben, így most már teljesen világos, hogy a HTML5-tel még több úttörő webes alkalmazás születne, amelyek az internetezők milliárdjait szolgálnák ki. Gyors, fejlődik, és megváltoztatja a világhálót. A kérdés az, hogy Ön hogyan használná ezt a mindent megváltoztató HTML5-öt?

Az Ön ötletére is kíváncsiak vagyunk!

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.