סיכום הדגמות של WebGL ו-Web Audio API

אילמרי הייקינן

ריכזנו כאן כמה הדגמות מדליקות של WebGL ו-Web Audio API, שראיתי בשבועות האחרונים.

EVE Online ship View – אפליקציה מראה מעולה לצפייה בספינות אונליין שמבוססת על WebGL. דרך נחמדה מאוד להציג את יצירת האומנות ביקום המשחקים.

דף הדוגמאות של Web Audio API כולל כמה דוגמאות משכנעות לביצוע עיבוד אודיו באמצעותו. WebGL City היא אחת מההדגמות שיש עליהן קישור מדף הדוגמאות. זוהי הדגמה קטנה של מסוק שטס בנוף עירוני לילי. המסוק (השבתת מוזיקה על ידי לחיצה על ', הפעלת צליל מסוק בלחיצה על 'n') משתמש בתכונות אודיו מרחבי של ממשקי Web Audio API כדי להניע את האודיו במסוק מרמקול אחד לרמקול השני.

נשמה בינלאומית הטמיעה משחק נחש באמצעות משטח צלחת מקטע WebGL בלבד ב-GLSL Sandbox. אני מבוהל.

התכונה Big Bang עשויה להיראות כמו כל אנימציה אחרת של חלקיקי WebGL, אבל הסימולציה של החלקיקים למעשה פועלת ב-GPU. הסימולטור הוא משטח להצללת מקטעים שקורא את מיקומי החלקיקים הקודמים ממרקם וכותב את מיקומי החלקיקים החדשים במרקם FBO.

Blocky Earth לוקח את הנתונים מ-Google Earth ומבצע אותם ב-MineCraft. הוא מעביר היטב את ההבדלים בגבהים. לדוגמה, התבוננתי על אוסטרליה ועל שכבת הקרח האנטרקטית, ואפשר לראות את עובי הקרח היבשתי בכמה קילומטרים.

Midem Music Machine הוא גרסת הדגמה נעימה של מוזיקה של Mr.doob ופול לאמרה. זו מעין תיבת מוזיקה מונעת על ידי כדורים, עם כדורים שמקפצים מהסל. ל-CreativeJS יש סיכום טוב, כדאי לך לנסות.

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