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

Ilmari Heikkinen

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

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

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

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

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

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

Midem Music Machine הוא דמו מוזיקלי מהנה של Mr.doob ופול למר (Paul Lamere). זהו מעין תיבת נגינה מונעת-כדורים עם כדורים שמתגלגלים על ביטים 'נ' בופס. ב-CreativeJS יש סקירה טובה בנושא. מומלץ לעיין בה.

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