48 ברוטאַל דעמאָקס מיט HTML5 / CSS3

לייַוונט קאַרטון אַנאַמיישאַן HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

איך נעמען דעם פּאָסטן צו ענטפֿערן אַ קשיא וואָס איר האָט לעצטנס געשטעלט אין די באַמערקונגען פון אַן אַרטיקל:

ווען איז אַ גוטע צייט צו אָנהייבן דיזיינינג גאָר מיט HTML5?

נו, האָנעסטלי, עס דעפּענדס אויף די ציל איר זענט טאַרגאַטינג. אויב איר טאָן ניט פּלאַן פֿאַר דיין וויזאַטערז צו נוצן Internet Explorer (למשל: Mac ווייכווארג בלאַט), אָנהייבן גלייך מיט HTML5, אָבער אויב איר דאַרפֿן מענטשן מיט הייסט צו זען דיין וועבזייטל, איר'ד בעסער וואַרטן ...

אויף דעם פּאָזיציע, נאָך דעם שפּרינגען 48 דעמאָס פון HTML5 וואָס זענען אַמייזינג און פאַרדינען צו ווערן געזען. גרויס איז קליין.

מקור | האָנגקיאַט

ינדעקס

aודיאָבורסט אַנימאַטיאָן

א באַקוועם און פאַנטאַסטיש אַנאַמיישאַן באשאפן מיט HTML5 לייַוונט און אַודיאָ קוויטל.

אַודיאָבורסט אַנאַמיישאַן HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

פּילקע בעקן

די דעמאָ איז געוויזן אין די לעצטע Google I / O געשעעניש און ווייזט ווי דינאַמיש קענען זיין HTML5.

פּילקע בעקן HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

בלאָב סאַלאַד

א HTML5 ספּאָנדעד באַשעפעניש וואָס וואָלט ביטע איר.

HTML sallad HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

באָמאָמאָ

מיט Bomomo, איר קענט אָבסערווירן פאַרשידענע אַטאָמישע באַוועגונג סימיאַלייטיד מיט HTML5.

bomomo HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר פלאַש קילינגז

בראַוזער באַלל

באַקומען דערשטוינט מיט דעם HTML-פּילקע 'קראָסס בלעטערער'.

בלעטערער פּילקע HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

בובבלעס

האָבן שפּאַס דורך שאַפֿן סאָף פלאָוטינג באַבאַלז מיט פאַרשידענע קאָלירן.

באַבאַלז HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינג קילינגז

לייַוונט קאַרטון אַנימאַטיאָן

א פּשוט און מאָדנע HTML5 קאַרטון וואָס העלפּס איר צו פֿאַרשטיין וואָס HTML5 ס לייַוונט עלעמענט קענען טאָן.

לייַוונט קאַרטון אַנאַמיישאַן HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

קאָאָלקלאָקק

א פייַן, קוסטאָמיזאַבלע אַנאַלאָג זייגער געבויט דורך HTML5 און דזשאַוואַסקריפּט.

coolclock HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

פליקקר פּס 3 סלידעשאָוו

קוק די Flickr ס פאָטאָס מיט PS3 נוסח סלידעשאָוו אין דעם וועב בלעטערער.

פליקקר פּס 3 סלידעשאָוו HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

ינטעראַקטיווע פּאָלאַראָיד

אַ ינטעראַקטיוו דעמאָ וואָס אַרבעט גאַנץ ענלעך צו מולטי ריר צובינד.

ינטעראַקטיווע פּאָלאַראָיד HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

דזשס פירעוואָרקס

הנאה די פיירווערקס מאָמענט מיט דיין בילכער ערלעכקייט און גיכקייַט, Powered דורך HTML5 און Javascript.

HTML פייסווערקס HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

קאַליידאַסקאָופּ

א זייער שיין און פיוטשעריסטיק HTML5 קאַלעידאָסקאָפּע.

קאַלעידאָסקאָפּע HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

פליסיק פּאַרטיקאַלז

שפּירעוודיק פּאַרטאַקאַל אַנאַמיישאַן וואָס ריאַקץ באזירט אויף דיין מויז באַוועגונג.

פליסיק פּאַרטיקאַלז HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

מעזמערייזער

אן אנדער שפּירעוודיק און בוילעט HTML5 דעמאָ וואָס ווייזט ווי נירביי עלעמענטן רעאַגירן מיט די מויז באַוועגונג.

mesmerizer HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

נעפּל וואָלקן

פאַרפאַלן מיט דעם וואַנדראַס HTML5 נעביאַל.

נעבולאַ וואָלקן HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

פּאַראַללאַקס

קוק אַלע 2 ד שאַפּעס אין פּאַראַלעל פּערספּעקטיוו.

פּאַראַללאַקס HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

פּאַרטאַקאַל אַנימאַטיאָן

אַן עלעגאַנט HTML5 פּאַרטאַקאַל אַנאַמיישאַן וואָס קענען פאָרמירן אין דיין בילכער אָנזאָג.

פּאַרטאַקאַל אַנאַמיישאַן HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

פאַרשפּרייטן

פאַרפאַלן מיט דעם סאָף פאַרשפּרייטן אַנאַמיישאַן.

פאַרשפּרייטן HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינג קילינגז

סטאַרפיעלד

א זייער קיל HTML5 סטאַרפיעלד אַנאַמיישאַן וואָס וואָלט טוישן ריכטונג און גיכקייַט באזירט אויף דיין מויז באַוועגונג.

סטאַרפיעלד HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

ווידעא דעסטרוקטיאָן

איינער גיט צו בום אַ פּלייינג ווידעא.

HTML צעשטערונג HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

וואַוועפאָרם

באמערקט ווי HTML5 ס לייַוונט כוואַליע באוועגט דורך אָלטערינג זיין אַמפּליטוד, ווייוולענגט, ברייט, עטק.

וואַוועפאָרם HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

3D ווירקונג

ימפּרעסט דורך לייַוונט אַנאַמיישאַן? דאָס איז מער HTML5 לייַוונט עלעמענט קענען טאָן און עס איז גערופֿן 3D ווירקונג. דעוועלאָפּער קענען פאַרלאָזנ זיך לייַוונט עלעמענט, DOM און דזשאַוואַסקריפּט צו שאַפֿן 3D ווירקונג, וואָס קענען שפּעטער זיין דעוועלאָפּעד אין 3D אַנאַמיישאַן אָדער שפּיל.

קאַנוואַס 3 ד און פליקקר

האָבן אַ גאַנץ נייַע 3D דערפאַרונג מיט די פאָטאָסטרעאַם פון Flickr.

canvas3d and flickr HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

שטאָף סימיאַליישאַן

א רעאַליסטיש, HTML5- באזירט שטאָף סימיאַליישאַן.

שטאָף סימיאַליישאַן HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

יוואַלווינג פאַרזעעניש

אָבסערווירן אַ פאַרזעעניש יוואַלווינג אין אַ קאָמפּליצירט באַשעפעניש, איינער פון די באשעפער איז HTML5.

יוואַלווינג פאַרזעעניש HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

Google גיפטבאָקס

גיגאַנט זוכן מאָטאָר Google איז דערלאנגט אין 3 ד, פּלייַאַבלע מיינונג.

google giftbox HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

דזשס ריר

א וויטרינע פון ​​אַ הויך קוואַליטעט און רעאַליסטיש '3D אויף 2D קאַנוואַס'.

js touch HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

Data Presentation

כאָטש די לייַוונט עלעמענט פון HTML5 קענען ווערן גענוצט צו שאַפֿן אַנאַמיישאַן און 3D ווירקונג, אָבער עס קען זיין ימפּלאַמענאַד צו פאָרשטעלן מאַטאַמאַטיקאַל דאַטן.

גנופּלאָט

גנופּלאָט, אַ דאַטן פּלאַטינג אַפּלאַקיישאַן אין HTML5 ווערסיע.

גנופּלאָט HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

רגראַף

RGraph אָפפערס אַ ברייט קייט פון דאַטן פּרעזענטירונג ווי באַר טשאַרט, פּראָגרעס באַר און טראדיציאנעלן ראַדאַר טשאַרט.

rgraph HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

וועב אַפּפּליקאַטיאָן

לעסאָף, ניצן אַלע פּאַסאַבילאַטיז קאַמביינד דורך HTML5 און אנדערע שפּראַך, איר קענען שאַפֿן ינטעראַקטיוו אַפּלאַקיישאַן אָדער שפּיל וואָס איז נאָענט צו פלאַש אַפּלאַקיישאַן.

קאַנוואַספּיינט

עדות דער ברודער פון Microsoft Paint קומט אין דיין וועב בלעטערער, ​​און זיין פאטער איז HTML5.

canvaspaint HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

קאַנוואַסמאָל

א וויסנשאפטלעכע אַפּלאַקיישאַן וואָס איז געבויט צו העלפֿן איר צו פֿאַרשטיין די סטרוקטור פון דער ערד.

קאַנוואַסמאָל HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

קאַרטון בילדער

ציען טשיקאַווע קאַרטון בילד מיט דעם מינימאַל און ינטעראַקטיוו קאַרטון בילדער.

HTML5 וויטרינע: Cartoon Potential Flash Killing Demos

שלעפּן עפּעס דאָ

שלעפּן עפּעס איר קענען שלעפּן אין דער דעמאָ צו ווייַזן דעטאַילס.

שלעפּן עפּעס דאָ HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

גאַרטיק סקיצע

אַן אָריגינעל HTML5 אַפּלאַקיישאַן אַז אַלאַוז איר צו מאַכן עטלעכע יקערדיק דראַווינגס וואָס קענען זיין גילטיג אין פאַרשידענע בילד פֿאָרמאַט ווי jpeg אָדער png.

גאַרטיק סקיצע HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

PhysicSketch

ציען וועלכער איר ווי און זען ווי זיי רעאַגירן מיט סימיאַלייטיד ערלעכקייט.

physicsketch HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

סקעטטשפּאַד

א שטאַרק HTML5 צייכענונג אַפּלאַקיישאַן אַז אַלאַוז איר צו ציען און רעדאַגירן דיין בילד אין די גענוי שטייגער.

סקיצפּאַד HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

Smalltalk

א וועב אַפּלאַקיישאַן וואָס באשטעטיקט די דזשיאַגראַפיקאַל שטעלע פון ​​וועטער-פֿאַרבונדענע אָנזאָג קונה פון טוויטטער, אַזוי זיי פאָרמירן אין אַ קאַנוואַס-באזירט 'געזעלשאַפטלעך וועטער' מאַפּע, גאַנץ נישטיק (ווי סטייטיד דורך מחבר) אָבער טשיקאַווע.

smalltalk HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

שפּיל

3 באָרד

איר וואָלט קיינמאָל באַקומען באָרד אויב איר קענען פאָרזעצן צו ויסמיידן הונדערטער HTML5 בולאַץ אין דער ווייַטער רגע.

3 באָרדעד HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

ברייקאַוט

אָפּבאַלעמענ די פּילקע צו ברעכן אַלע בריקס.

ברייקאַוט HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

קאַנוואַסקאַפּע

ניט גאַנץ אַ שפּיל, אָבער עס דעמאַנסטרייץ ווי HTML5 קענען ווערן גענוצט צו אַנטוויקלען בלעטערער שפּיל First Person Shooting.

canvascape HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

כאַפּן עס

ווי פילע באַללס קענען איר דאַדזש צו באַקומען דיין ווינינג HTML5 קוואַדראַט?

כאַפּן עס HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינג קילינגז

קייט רעאַקטיאָן

טשאַין די יקספּלאָוזשאַן צו דערגרייכן דעם ציל, טאָן ניט ווערן אַדיקטיד.

קייט רעאַקציע HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינג קילינגז

קובעאָוט

שפּיל טעטריס אין 3 ד, שפּיץ-אַראָפּ מיינונג.

קובובעאָוט HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

עטטשאַפיסיקס

ציען נומער צו אַריבערפירן די פּילקע צו די שטערן, טאָן ניט פאַרגעסן וועגן די ערלעכקייט.

עטכאַפיזיקס HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

לאָבזעג רעטעניש

גיט, דרייען און פאַלן רעטעניש ברעקלעך צו סאָלווע דעם HTML5-באזירט לאָבזעג רעטעניש.

לאָבזעג רעטעניש HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

רוק רעטעניש

רוק צו נצחון, אן אנדער HTML5 שפּיל וואָס איז געבויט צו קוועטשן דיין מיינונג זאַפט.

רוק רעטעניש HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

זעלביקער שפּיל

אַראָפּנעמען זיכער גרופּע צו באַקומען אן אנדער גרופּע אין די זעלבע קאָליר, און יווענטשאַוואַלי איר וועט זיין אַוואָרדיד אַ נצחון.

זעלביקער שפּיל HTML5 וויטרינע: 48 פּאָטענציעל פלאַש קילינג דעמאָס

טעטריס

איינער פון די מערסט קלאַסיש שפּיל, מיט HTML5, וואָס איז צוריק צו לעבן.

טעטריס HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז

טאָרוס

נאָך אַ טעטריס שפּיל אין פּסעוודאָ-קסנומקסד ווערסיע.

טורוס HTML5 וויטרינע: 48 פּאָטענציעל דעמאָס פֿאַר קילינגז


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

7 באַמערקונגען, לאָזן דיין

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס.

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.

  1.   טשופּאַטינאַ דאָס

    דער טעטריס גייט נישט, איך שטעלן צוויי שטיק אויף און סטייד אָבער די מנוחה איז זייער קיל טשאַוואַלז

  2.   אַליסאַ דאָס

    איך ליבע דעם בלאַט ... אַחוץ דער ערשטער שפּיל. איך האב דיר ליב פראן =)
    ביי אַ קוש צו דער וועלט toooodooooooo

  3.   העלסיק דאָס

    גלייבן, ספּעקטאַקיאַלער. איך קען נישט גלויבן ווי ווייַט וועב אַנטוויקלונג האט קומען!

  4.   דזשאָו וועגאַ דאָס

    איך טאָן ניט וויסן וואָס די רעסורסן זענען אַטריביאַטאַד צו HTML5, דאָס איז אַ ריין דזשאַוואַסקריפּט, איידער די העכערונג פון פלאַש, מיט דזשאַוואַסקריפּט, אַלע די טינגז קען זיין געטאן, עס איז געווען אַ לערנען אין באַרסעלאָנאַ אַז עטלעכע זייטלעך וואָס אין דעם צייט האָבן געבלאזן מיין קאָפּ, אַלע אין דזשאַוואַסקריפּט אַזוי פיל אַז איך געלערנט פון זיי און דיזיינד אַ פּאָר מיט באַונסינג באַללס און אַלע, איך גאָר פאַרפאַלן און נאָך באַדויערן עס. איך טאָן ניט געדענקען די נאָמען פון די סטודיאָ עס איז געווען עפּעס ווי איר 2 אָדער 2 יאָו 2 וואָס איז געווען אין '98 אָדער אַזוי.

  5.   ASDF דאָס

    דזשאָו וועגאַ …… עס ווייזט אַז איר האָט קיין פאַקינג געדאַנק פון HTML5… .lol

  6.   דזשאָו וועגאַ דאָס

    איר קען נישט האָבן קיין בלאַדי HTML5 געדאַנק, עס ס 'אמת, אָבער איר צעטומלען די האָן מיט די הינדל קאָאָפּ און טאָן ניט דיפערענטשיייט אַ שפּראַך פון אַ סוויווע. איך אַרויסרופן איר צו מאַכן אַ בייַשפּיל ווי די דאָ אָן ניצן דזשאַוואַסקריפּט, בלויז מיט HTML5, און איר וועט פֿאַרשטיין וואָס איך מענט אין דעם פּאָסטן אַז איך אויסגעמעקט. וואָס ס מער, איך ווע שוין קוקן אין די מקור קאָד פון די ביישפילן, און עס זענען עטלעכע וואָס קענען זיין לייכט געטאן אָן מאַונטינג עס איבער HTML5.
    אַז HTML5 ברענגט פילע ימפּרווומאַנץ און טינגז וואָס פאַסילאַטייט אַ פּלאַץ איז אמת, אָבער די לאַורעלס פון די פאַנטאַסטיש זאַך וואָס איז געוויזן אויף דעם בלאַט איז Javascript.

  7.   סאַנטיאַגאָ באַרטשעטטאַ דאָס

    איך בין אינטערעסירט צו מאַכן פּרעזאַנטיישאַנז פון דעם טיפּ ... טאָן איר האָבן אַ טוטאָריאַל אָדער בלאַט מיט רעסורסן ??? אדאנק!!!