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!