48 mummunan HTML5 / CSS3 demos

zane zane mai ban dariya animation HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Na dauki wannan sakon don amsa tambayar da kuka yi kwanan nan a cikin bayanan labarin:

Yaushe lokaci ne mai kyau don fara zane cikakke tare da HTML5?

Da kyau, gaskiya, ya dogara da makasudin da kake niyya. Idan baku shirya ma maziyartanku suyi amfani da Internet Explorer ba (tsohon: Shafin software na Mac) to fara nan da nan tare da HTML5, amma idan kuna buƙatar mutane tare da IE don ganin gidan yanar gizonku, gara ku jira ...

Game da mashigar, da kyau bayan tsalle 48 demos na HTML5 masu ban mamaki kuma sun cancanci a gani. Babba kadan ne.

Source | HongKiat

ajijiyar rai Animation

Kyakkyawan motsa jiki mai ban sha'awa da aka kirkira tare da zane na HTML5 da alamar sauti.

audioburst animation HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Pool Ball

Ana baje kolin ku a cikin taron Google I / O na ƙarshe, wannan demo ɗin yana nuna muku yadda ƙarfin HTML5 zai iya kasancewa.

ball pool HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Barka da Sallah

Halittar da aka ba HTML5 wacce zata faranta maka rai.

HTMLb Showd HTML5 Nuni: 48 Mai yuwuwar Kashe Flash Kashe Demos

bomomo

Tare da Bomomo, zaku iya lura da motsin atom daban-daban wanda aka kwaikwaya tare da HTML5.

bomomo HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Kwallon Bincike

Yi mamakin wannan 'goge-binciken' HTML5 ball.

browser ball HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

kumfa

Yi nishaɗi ta ƙirƙirar kumfa masu ban sha'awa da launuka daban-daban.

kumfa HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Animation Cartoon Animation

Kyakkyawan zane mai ban dariya na HTML5 wanda ke taimaka muku fahimtar abin da kayan zane na HTML5 zasu iya yi.

zane zane mai ban dariya animation HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Agogo

Kyakkyawan, agogo analog na al'ada wanda aka tsara ta HTML5 da JavaScript.

coolclock HTML5 Nuni: 48 Mai Yiwuwar Kashe Demos na Demos

Flickr PS3 nunin faifai

Duba hotunan Flickr ɗinku tare da salon PS3 nunin faifai a cikin burauzar yanar gizo.

flickr ps3 nunin faifai HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Polaroid mai hulɗa

Demo mai ma'amala wanda ke aiki kwatankwacin kamannin taɓawa da yawa.

m polaroid HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

JS Wutar wuta

Ji daɗin lokacin wasan wuta tare da fifikon ƙarfinku da saurinku, wanda aka yi amfani da HTML5 da Javascript.

js wasan wuta HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Kaleidoscope

Kyakkyawan jinƙai da kuma makomar HTML5 kaleidoscope.

kaleidoscope HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Ruwan Barbashi

Motsi mai saurin motsa jiki wanda yayi tasiri dangane da motsin linzamin ka.

barbashin ruwa HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Mai kutsawa

Wani abin birgewa da fice na fitowar HTML5 wanda ke nuna yadda abubuwan kusa suke amsawa tare da kai motsi motsi.

mesmerizer HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Girgijen Nebula

Bace tare da wannan ban mamaki HTML5 nebula.

nebula girgije HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Parallax

Duba duk siffofin 2D a cikin layi ɗaya.

parallax HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Rarbar kwayar cuta

Kyakkyawan tashin hankali na kwayar HTML5 wanda zai iya zama cikin saƙon da kuka fi so.

barbashin tashin hankali HTML5 Nunawa: 48 Mai yuwuwar Kashe Flash Kashe Demos

yada

Bata tare da wannan yada yada motsi ba.

yada Shafin HTML5: 48 Mai yuwuwar Kashe Rikicin Flash

Starfield

Kyakkyawan tashin hankali na filin wasa na HTML5 wanda zai canza hanya da hanzari dangane da motsin linzamin ku.

tauraron dan adam HTML5 Nuni: 48 Mai Yiwuwar Kashe Flash

Lalacewar Bidiyo

Dannawa ɗaya don haɓaka bidiyo mai kunnawa.

lalata bidiyo HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Tsarin Wave

Lura da yadda zanen zane na HTML5 ke motsawa ta hanyar sauya ƙarfinsa, tsayinsa, faɗinsa, da dai sauransu.

zango HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Hanyar 3D

Rawar zane ya burge ku? Wannan ya fi ƙarfin kayan haɗin HTML5 na iya yi, kuma ana kiransa sakamako na 3D. Mai haɓakawa na iya dogaro da kayan zane, DOM da JavaScript don ƙirƙirar tasirin 3D, wanda daga baya za a haɓaka shi zuwa rayarwar 3D ko wasa.

Canvas3D da Flickr

Kasance da cikakkiyar kwarewar 3D tare da hoton Flickr.

canvas3d da flickr HTML5 Nuni: 48 Yiwuwar Kashe Flash Kashe Haske

Zane zane

Haƙiƙa, kwaikwayon zane na HTML5.

zane zane HTML5 Nuni: 48 Mai yuwuwa Flash Kashe Demos

Sterarfin dodo

Lura da dodo mai canzawa zuwa rikitaccen halitta, ɗayan maƙerin sa shine HTML5.

canza dodo HTML5 Nunawa: 48 Yiwuwar Kashe Flash Kashe Demos

Kyautar Google

An gabatar da babbar injin binciken Google a cikin 3D, ra'ayi mai kyau.

google giftbox HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

JS Taɓa

Kyakkyawan inganci da haƙiƙa '3D akan zanen 2D Canvas'.

js taba HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Bayanan Bayanai

Duk da yake ana iya amfani da kayan zane na HTML5 don ƙirƙirar rayarwa da tasirin 3D, ana iya aiwatar da shi don gabatar da bayanan lissafi.

gnuplot

Gnuplot, aikace-aikacen makircin bayanai a cikin sigar HTML5.

gnuplot HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Hoton

RGraph yana bayar da kewayon bayanai masu yawa kamar ginshiƙan mashaya, mashaya ci gaba da jadawalin radar gargajiya.

graphawon HTML5 Nuni: 48 Potarin Demokrashin Kashe Flash

Aikace-aikacen Yanar gizo

Daga qarshe, ta amfani da dukkan damar da HTML5 da wasu langauge suka hada, mutum na iya kirkirar aikace-aikacen mu'amala ko wasa wanda yake kusa da aikin Flash.

Fentin Canvas

Shaida ɗan'uwan Microsoft Paint ya zo cikin gidan yanar gizonku, kuma mahaifinsa HTML5.

zane-zane na HTML5 Nuni: 48 Mai yuwuwar Kashe Flash Kashe Demos

CanvasMol

Aikace-aikacen kimiyya wanda aka gina don taimaka muku fahimtar tsarin tsarin ƙasa.

canvasmol HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Mafarin Cartoon

Zana hoton katun mai ban sha'awa tare da wannan maƙerin zane mai ban dariya da ma'amala.

zane mai zane mai zane HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Ja Komai Anan

Ja duk abin da zaku iya ja a cikin demo don nuna cikakkun bayanai.

ja kowane abu anan HTML5 Nuni: 48 Mai yuwuwar Kashe Demos na Demos

Zane-zanen Gartic

Aikace-aikacen HTML5 na asali wanda yake ba ku damar yin wasu zane na asali waɗanda za a iya adana su zuwa cikin hoto daban-daban kamar jpeg ko png.

zane-zanen gartic HTML5 Nuni: 48 Yiwuwar Kashe Hasken Flash

Tsarin Jiki

Zana duk abin da kuke so ku ga yadda suke amsawa tare da nauyin nauyi.

kimiyyar lissafi HTML5 Nunin: 48 Damar Yiwuwar Kashe Flash

Sketchpad

Aikace-aikacen zane HTML5 mai iko wanda zai baka damar zanawa da shirya hotonka a madaidaiciyar hanya.

sketchpad HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Smalltalk

Aikace-aikacen yanar gizo wanda ke tabbatar da matsayin ƙasa game da saƙon da ya shafi yanayin da aka samo daga Twitter, don haka ya samar da su cikin taswirar 'yanayin zamantakewar' zane-zane, mara ƙima (kamar yadda marubuci ya faɗi) amma mai ban sha'awa.

smalltalk HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

game

3Zuba

Ba zaku taɓa gundura ba idan kuna iya ci gaba da guje wa ɗaruruwan harsasai HTML5 a cikin dakika mai zuwa.

3bored HTML5 Nuni: 48 Yiwuwar Kashe Rikicin Flash

breakout

Sake kwallafa don karya dukkan tubalin.

breakout HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

zane-zane

Ba wasa bane, amma yana nuna yadda za ayi amfani da HTML5 don haɓaka Wasan bincike na Mutum na Farko.

zane-zane HTML5 Nuni: 48 Mai Yiwuwar Kashe Flash

Kama shi

Kwallaye nawa zaku iya Dodge don samun cin nasarar HTML5 square?

kama shi HTML5 Nuni: 48 Yiwuwar Kashe Rikicin Flash

sarkar Reaction

Sarkar fashewar don cimma burin, kada ku kamu da kamu.

sarkar dauki HTML5 Nuni: 48 Damar Yiwuwar Kashe Demos

cubeout

Kunna Tetris a cikin 3D, hangen nesa.

Cubeout HTML5 Nuni: 48 Mai Yiwuwar Kashe Demos na Demo

samarin

Zana abu don matsar da ƙwallo zuwa tauraruwa, kar a manta da nauyi.

etchaphysics HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Rikicin Jigsaw

Latsa, juyawa da jujjuyawar warwarewa don warware wannan kwatancen jigsaw na HTML5.

jigsaw wuyar warwarewa HTML5 Nuni: 48 Yiwuwar Kashe Flash Kashe Demos

Siffar Takaice

Zamar zuwa nasara, wani wasan HTML5 wanda aka gina don matse ruwan hankalin ku.

HTML5 Nunin faifai: 48 Mai Yiwuwar Kashe Flash

Wasa daya

Cire takamaiman rukuni don samun ƙungiyar guda biyu a cikin launi ɗaya kuma daga ƙarshe za a ba ku nasara.

wannan wasan HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

Tetris

Daya daga cikin shahararrun wasan da HTML5 ya dawo dasu zuwa rayuwa.

tetris HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash

bijimai

Duk da haka wani wasan Tetris a cikin sigar-3D version.

torus HTML5 Nuni: 48 Damar Yiwuwar Kashe Flash


Bar tsokaci

Your email address ba za a buga. Bukata filayen suna alama da *

*

*

  1. Wanda ke da alhakin bayanan: Miguel Ángel Gatón
  2. Manufar bayanan: Sarrafa SPAM, sarrafa sharhi.
  3. Halacci: Yarda da yarda
  4. Sadarwar bayanan: Ba za a sanar da wasu bayanan ga wasu kamfanoni ba sai ta hanyar wajibcin doka.
  5. Ajiye bayanai: Bayanin yanar gizo wanda Occentus Networks (EU) suka dauki nauyi
  6. Hakkoki: A kowane lokaci zaka iyakance, dawo da share bayanan ka.

  1.   lollipop m

    TETRIS BAYA TAFIYA, NA SAKA KASHI BIYU AKAN TAIMAKA AMMA SAURAN SOSAI NE SOSAI

  2.   Elisha m

    Ina son wannan shafin ... sai dai wasan farko. Ina son ku Fran =)
    Bye sumba ga duniya toooodooooooo

  3.   Harshe m

    Rediwarai, mai ban mamaki. Ba zan iya gaskanta yadda ci gaban yanar gizo ya zo ba!

  4.   Joe vega m

    Ban san dalilin da yasa ake danganta waɗannan albarkatun zuwa HTML5 ba, wannan tsarkakakken Javascript ne, kafin tashin Flash, tare da Javascript duk waɗannan abubuwa ana iya yin su, akwai wani bincike a Barcelona wanda ya sanya wasu shafuka waɗanda a lokacin suka busa kaina, duk a cikin javascript sosai wanda na koya daga gare su kuma na tsara ma'aurata tare da kwallaye da yawa, na rasa su gaba ɗaya kuma har yanzu ina nadama. Ban tuna sunan sutudiyo ba wani abu ne kamar ku2 ko 2you2 wanda yake a cikin 98 ko makamancin haka.

  5.   ASDF m

    Joe Vega …… yana nuna cewa baku da ra'ayin HTML5 lo .lol

  6.   Joe vega m

    Wataƙila ba ku da ra'ayin zub da jini na html5, gaskiya ne, amma ku mutane kun yi kuskuren zakara don gidan kaji kuma kada ku bambanta yare da yanayi. Ina kalubalanta ku da kuyi misali kamar irin su anan ba tare da amfani da Javascript ba, sai da html5, kuma zaku fahimci abinda nake nufi a sakon da na share. Abin da ya fi haka, Ina kallon lambar tushe na misalan kuma akwai da yawa waɗanda za a iya aiwatar da su cikin sauƙi ba tare da hawa kan html5 ba.
    Wannan html5 yana kawo ci gaba da yawa kuma abubuwan da ke sauƙaƙa abubuwa da yawa gaskiya ne, amma larurorin babban abin da aka nuna akan wannan shafin shine Javascript.

  7.   santiago barcheta m

    Ina sha'awar yin gabatarwar irin wannan ... shin kuna da darasi ko shafi mai albarkatu ??? Na gode!!!