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

Ilmari Heikkinen

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

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

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

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

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

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

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

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