WebGL और Web Audio API का डेमो राउंडअप

इल्मारी हाइकिनन

यहां WebGL और Web Audio API के कुछ शानदार डेमो दिए गए हैं, जो मैंने पिछले कुछ हफ़्तों में देखे हैं.

EVE Online ship व्यूअर, WebGL के साथ बनाया गया, एक शानदार ऑनलाइन शिप व्यूअर ऐप्लिकेशन है. गेम की दुनिया में आर्टवर्क दिखाने का बहुत अच्छा तरीका है.

Web Audio API के सैंपल पेज में, इसका इस्तेमाल करके ऑडियो प्रोसेस करने के कई बेहतरीन उदाहरण दिए गए हैं. WebGL City, सैंपल पेज पर मौजूद डेमो में से एक है. यह एक हेलीकॉप्टर का छोटा डेमो है, जिसमें रात में शहर के नज़ारे दिखते हैं. हेलीकॉप्टर ('m' दबाकर संगीत बंद करना, 'n' दबाकर हेलीकॉप्टर आवाज़ चालू करना), हेलीकॉप्टर ऑडियो को एक स्पीकर से दूसरे में पैन करने के लिए वेब ऑडियो एपीआई की स्पेशल ऑडियो सुविधा का इस्तेमाल करता है.

कुछ रणनीतिकारों ने जीएलएसएल सैंडबॉक्स पर, स्नेक गेम को लागू किया. इसके लिए, WebGL फ़्रैगमेंट शेडर को छोड़कर कोई और नहीं इस्तेमाल किया. मैं हैरान हूं.

बिग बैंग, किसी अन्य WebGL पार्टिकल ऐनिमेशन की तरह लग सकता है, लेकिन पार्टिकल सिम्युलेशन असल में जीपीयू पर चलता है. सिम्युलेटर एक फ़्रैगमेंट शेडर है, जो किसी टेक्सचर से पिछले पार्टिकल की पोज़िशन को पढ़ता है और पार्टिकल की नई स्थितियों को एफ़बीओ टेक्सचर में लिखता है.

ब्लॉकी अर्थ Google Earth का डेटा लेता है और उसे MineCrafts करता है. यह ऊंचाई में अंतर को अच्छी तरह बताता है. उदाहरण के लिए, मैं ऑस्ट्रेलिया और अंटार्कटिक की बर्फ़ की चादर देख रहा था और आप देख सकते हैं कि महाद्वीपीय बर्फ़ कितनी किलोमीटर मोटी है.

Midem Music Machine, मिस्टर डूब और पॉल लमेरे का एक मज़ेदार म्यूज़िक डेमो है. यह एक बॉल से चलने वाले म्यूज़िक बॉक्स की तरह है, जिसमें 'न' बॉप से उछलती हुई बॉल्स होती हैं. CreativeJS पर एक अच्छा लेख है. इसे देखें.

कंप्यूटर म्यूज़िक विज़ुअलाइज़ेशन थीम पर काम करते हुए, मुझे हाल ही में बाइटबीट के बारे में जानकारी देने वाले इस पेज पर जानकारी मिली. यह मिनिमलिस्ट कोड फ़ॉर्मूला की मदद से जनरेट किया गया संगीत का एक फ़ॉर्मैट है. यह पेज संगीत के एक शानदार WebGL विज़ुअलाइज़ेशन से जुड़ा है. ग्रेग तवारेज़ ने इस आइडिया पर काम करना शुरू किया और एक बाइटबीट सैंडबॉक्स बनाया. इसकी मदद से, सीधे ब्राउज़र से अपनी बाइटबीट ट्यून बनाई और शेयर की जा सकती थीं.