15 (עוד) השראה HTML5 ניסויים

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

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

תאמינו לכוחם או לא, נביא לכם 15 ניסויים מאלפים שהופכים את השימוש הטוב ביותר ב- HTML5, ונחשו מה, אתם יכולים לחוות את כוח הכבידה, את האנימציה המבוססת על מוסיקה, ואת טיוח היצורים שפועלים כמו יצורים! תיהנה מהם זמן מה עם אותם ו אופס, הם שימשו את הטוב ביותר עם הגרסה האחרונה של Mozilla Firefox ו- Google Chrome.

רק למקרה שאתה לא מרוצה כיף HTML5 זה, יש לנו יותר בשבילך!

• HTML5: 48 הדגמות פוטנציאל להרוג פלאש
• HTML5: 19 יישומי אינטרנט פוטנציאליים

מחזור בד

מאמץ משותף בין האמן מארק פרארי לבין מקודד יוסף Huckaby, זהו אוסף מדהים של סצנות טבע נעים כגון יערות בחורף, seascapes והרים סוערים. הם מרגיעים להסתכל באמת מדהים, עם צלילים המצורפת לתמונות. אם אתה רוצה קצת זמן להירגע מהעבודה אתה יכול לעבור את התמונות האלה ולהרגיש את המתח רק להמיס משם.

כוח המשיכה של Google

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

עצי הציור

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

מגנטי

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

הכנסות סלבריטאים תרשים

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

סרט בד

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

מים

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

כריזארה

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

גשם Voxel

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

HTML5 אפקטי טקסט

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

ספינינג לוגו HTML5

אני פשוט לא יכול להחזיק את התהילה של HTML5, זה מסתובב, זה מסתובב ... זה מגניב.

ציור ב- 3D

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

mta.me מנצח

Metta.me מנצח מעורר אותך על ידי spawning נקודות שינועו ללא הרף כדי ליצור שורות, וכאשר השורות “מתנגשים” זה לזה הם יפעילו כמה אינטראקציה. כל זה כדי להוכיח כי HTML5 הוא לא רק על קוד אלא אינטראקציה, וזה מה משתמשי אינטרנט באמת אכפת.

Gmail של Google

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

W טייס

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