HTML5 אתר Showcase 48 פוטנציאל פלאש הריגה הדגמות

אז שמעת את כל השמועות על HTML5 ישתלט על Adobe Flash. בעוד שרוב קהילת האינטרנט טוענת כי זה אפשרי או לא, אתה חייב להיות נודד מה עושה HTML5 כל כך חזק, כי גם חברת ענק אפל רוצה להשתמש בו כדי להחליף Flash.

לכן הפוסט הזה קיים, אנחנו לא הולכים לדבר על מה HTML5 יכול לעשות, אבל להראות הדגמות חיות של דברים קסומים HTML5 יכול להשיג עם שפה אחרת כמו JavaScript, כדי להתכונן להיות השראה.

הערה: מכיוון ש- HTML5 אינו נתמך באופן מלא על ידי דפדפן אינטרנט מסוים, כגון Internet Explorer, מומלץ מאוד להשתמש בדפדפן Firefox כדי להציג את כל הדגמות של HTML5 למטה.

אנימציה

רכיב ה- HTML5 של HTML הוא הגורם המכריע עבור HTML5 להחליף אנימציה Flash מסוימים. זה מאפשר לך לבנות דינמי, עיבוד scriptable של צורות 2D ותמונות bitmap עם Javascript, אשר על ידי אחרים מתכוון, אנימציה לשליטה.

אנימציה Audioburst

אנימציה נעימה ופנטסטית שנוצרה עם בד HTML5 ותג אודיו.

בריכת כדורים

להיות מוצג ב האחרון I / I של Google האירוע, הדגמה זו מראה לך איך דינמי HTML5 יכול להיות.

סלאד

יצור HTML5-spawned כי ישמח אותך.

בומומו

עם Bomomo, אתה יכול לצפות בתנועה אטומית שונים מדומה עם HTML5.

כדור דפדפן

קבל נדהם עם זה 'דפדפן חוצה' HTML5 הכדור.

בועות

תיהנה על ידי יצירת בועות צפות אינסופיות עם צבע שונה.

קריקטורה אנימציה

קריקטורה HTML5 פשוטה ומצחיקה שעוזרת לך להבין מה אלמנט הבד של HTML5 יכול לעשות.

קולקלוק

שעון אנלוגי נחמד, הניתן להתאמה, שנבנה על ידי HTML5 ו- JavaScript.

מצגת Flickr PS3

הצג את התמונות של Flickr עם מצגת בסגנון PS3 בדפדפן האינטרנט.

פולארויד אינטראקטיבי

הדגמה אינטראקטיבית שעובדת די דומה ממשק רב מגע.

זיקוקים

ליהנות רגע זיקוקים עם הכובד שלך ואת מהירות המועדפת, מופעל על ידי HTML5 ו- JavaScript.

קלידוסקופ

קלידוסקופ HTML5 מקסים ומלא עתידני.

חלקיקים נוזליים

אנימציה חלקיקים רגישים המגיבה על בסיס תנועת העכבר.

Mesmerizer

עוד הדגמה HTML5 רגיש יוצא דופן המציג כיצד אלמנטים הסמוכים מגיבים עם תנועת העכבר.

ערפילית ענן

ללכת לאיבוד עם זה ערפילית HTML5 מופלא.

פרלקסה

הצג את כל הצורות הדו-ממדיות בפרספקטיבה מקבילה.

אנימציה החלקיקים

HTML5 אלגנטי אנימציה החלקיקים שיכולים להוות את המסר המועדף עליך.

התפשטות

ללכת לאיבוד עם אנימציה זו להפיץ אינסופית.

סטארפילד

HTML5 מגניב מאוד HTML5 אנימציה זה ישתנה כיוון מהירות על תנועת העכבר.

הרס וידאו

קליק אחד כדי בום משחק וידאו.

צורת גל

שימו לב איך גל של בד 5 HTML עובר על ידי שינוי משרעת, אורך גל, רוחב, וכו '.

3D אפקט

מודגש על ידי אנימציה בד? זה יותר HTML5 של אלמנט בד יכול לעשות, וזה נקרא אפקט 3D. מפתח יכול להסתמך על אלמנט בד, DOM ו- JavaScript כדי ליצור אפקט 3D, אשר יכול להתפתח מאוחר יותר לתוך 3D אנימציה או משחק.

קנבס 3 ופליקר

יש חוויית 3D חדשה לגמרי עם photostream של Flickr.

הדמיית בד

סימולציה ריאליסטית המבוססת על HTML5.

מפלצת מתפתחת

צפה מפלצת המתפתחת לתוך יצור מסובך, אחד היוצר שלה הוא HTML5.

תיבת הדואר של Google

מנוע החיפוש הענק גוגל מוצגת בתצוגה תלת מימדית.

מגע JS

איכותי ריאליסטי '3D על 2D בד' ראווה.

מצגת נתונים

בעוד HTML5 של רכיב בד ניתן להשתמש כדי ליצור אנימציה אפקט 3D, זה יכול להיות מיושם גם כדי להציג נתונים מתמטיים.

גנופוט

Gnuplot, נתונים מתווה יישום בגרסה HTML5.

RGraph

RGraph מספק מגוון רחב של מצגת נתונים כמו תרשים בר, סרגל התקדמות ותרשים מכ"ם המסורתית.

אפליקציית רשת

בסופו של דבר, באמצעות כל האפשרויות בשילוב HTML5 ו langauge אחרים, אפשר ליצור יישום אינטראקטיבי או משחק זה קרוב יישום פלאש.

CanvasPaint

העד אחיו של Microsoft Paint נכנס דפדפן האינטרנט שלך, ואביו HTML5.

CanvasMol

יישום מדעי אשר נבנה כדי לעזור לך להבין את המבנה של אלמנט מסוים אדמה.

קריקטורה בונה

צייר תמונה קריקטורה מעניינת עם זה בונה קריקטורה מינימלי ואינטראקטיבי.

גרור משהו כאן

גרור כל דבר שתוכל לגרור בהדגמה כדי להציג פרטים.

גרטיק סקיצה

יישום HTML5 מקורי המאפשר לך לעשות כמה ציורים בסיסיים שניתן לשמור לפורמט תמונה שונה כמו jpeg או png.

פיסיק

צייר מה שאתה רוצה ולראות איך הם מגיבים עם כוח המשיכה מדומה.

לוח מחוונים

יישום HTML5 חזק ציור המאפשר לך לצייר ולערוך את התמונה שלך בצורה מדויקת.

שיחת חולין

יישום אינטרנט המאשר את המיקום הגיאוגרפי של מזג האוויר הקשורות מסר שנרכש מ לצפצף, ובכך להרכיב אותם על המפה "מזג אוויר חברתי" מבוסס על בד, טריוויאלי למדי (כאמור על ידי המחבר) אבל מעניין.

משחק

3 משוגע

אתה לעולם לא להשתעמם אם אתה יכול לשמור על התחמקות מאות כדורי HTML5 בשנייה הבאה.

להיפרד

ריבאונד את הכדור כדי לשבור את כל הלבנים.

Canvascape

לא ממש משחק, אבל זה מדגים כיצד HTML5 ניתן להשתמש כדי לפתח אדם ראשון משחק יריות הדפדפן.

תפוס את זה

כמה כדורים אתה יכול להתחמק כדי לקבל את הזכייה שלך HTML5 מרובע?

תגובת שרשרת

שרשרת הפיצוץ כדי להשיג את המטרה, לא מקבלים מכורים.

קוביוט

שחק טטריס בתלת מימד, מלמעלה למטה.

etchaPhysics

צייר פריט כדי להזיז את הכדור לכוכב, לא לשכוח את כוח הכבידה.

פאזל

לחץ, לסובב ולשחרר חתיכות הפאזל כדי לפתור את זה פאזל מבוסס HTML5.

פאזל שקופיות

שקופית לניצחון, עוד משחק HTML5 שנבנה כדי לסחוט את מיץ המוח שלך.

אותו משחק

הסר קבוצה מסוימת כדי לקבל קבוצה אחרת לזווג באותו צבע ואתה בסופו של דבר זכתה בניצחון.

טטריס

אחד המשחקים הקלאסיים ביותר שהוחזרו לחיים על ידי HTML5.

טורוס

עוד משחק טטריס בגירסה פסאודו 3D.

סיכום

מהי ההגבלה של HTML5? בשלב זה אנחנו לא יכולים להחליט, אבל עם וידאו מרשים להלן נוכל לדעת כמה רחוק HTML5 נדחף:

כן, זה רעידת השנייה בדפדפן האינטרנט, אז עכשיו זה מאוד ברור כי עם HTML5, יישום אינטרנט פורץ יותר ייוולד לשרת מיליארדי משתמשי אינטרנט. זה מהיר, זה מתפתח, וזה משנה את האינטרנט ברחבי העולם. השאלה היא, איך היית משתמש זה HTML5 שינוי המשחק?

אנחנו אוהבים לשמוע את הרעיון שלך!