WebGL এবং Web Audio API ডেমো রাউন্ডআপ

Ilmari Heikkinen

এখানে কিছু দুর্দান্ত ওয়েবজিএল এবং ওয়েব অডিও এপিআই ডেমোর দিকে নজর দেওয়া হয়েছে যা আমি গত কয়েক সপ্তাহ ধরে দেখেছি।

EVE অনলাইন শিপ ভিউয়ার হল ওয়েবজিএল-এর সাথে তৈরি একটি দুর্দান্ত-সুদর্শন অনলাইন শিপ ভিউয়ার অ্যাপ৷ খেলা মহাবিশ্বে শিল্পকর্ম প্রদর্শনের খুব সুন্দর উপায়.

ওয়েব অডিও এপিআই নমুনা পৃষ্ঠায় এটি ব্যবহার করে অডিও প্রক্রিয়াকরণ কিভাবে করতে হয় তার বেশ কয়েকটি আকর্ষণীয় উদাহরণ রয়েছে৷ WebGL City হল নমুনা পৃষ্ঠা থেকে লিঙ্ক করা ডেমোগুলির মধ্যে একটি৷ এটি একটি হেলিকপ্টারের একটি ছোট ডেমো যা রাতের শহরের দৃশ্যের চারপাশে উড়ছে। হেলিকপ্টার ('m' টিপে সঙ্গীত অক্ষম করুন, 'n' টিপে হেলিকপ্টার সাউন্ড সক্ষম করুন) এক স্পীকার থেকে অন্য স্পীকারে হেলিকপ্টার অডিও প্যান করতে ওয়েব অডিও APIs স্থানিক অডিও বৈশিষ্ট্যগুলি ব্যবহার করে৷

কিছু উদ্যোগী আত্মা GLSL স্যান্ডবক্সে একটি WebGL ফ্র্যাগমেন্ট শেডার ছাড়া আর কিছুই ব্যবহার না করে একটি স্নেক গেম বাস্তবায়ন করেছে৷ আমি হতবাক

বিগ ব্যাং অন্য যে কোন WebGL কণা অ্যানিমেশনের মত দেখতে হতে পারে, কিন্তু কণা সিমুলেশন আসলে GPU-তে চালিত হয়। সিমুলেটর হল একটি ফ্র্যাগমেন্ট শেডার যা একটি টেক্সচার থেকে আগের কণার অবস্থানগুলি পড়ে এবং নতুন কণার অবস্থানগুলিকে একটি FBO টেক্সচারে লেখে।

ব্লকি আর্থ গুগল আর্থ ডেটা নেয় এবং এটি মাইনক্রাফ্ট করে। এটি উচ্চতার পার্থক্যগুলিকে ভালভাবে যোগাযোগ করে। উদাহরণস্বরূপ, আমি অস্ট্রেলিয়া এবং অ্যান্টার্কটিক বরফের দিকে তাকাচ্ছিলাম এবং আপনি দেখতে পাচ্ছেন যে মহাদেশীয় বরফ কত কিলোমিটার পুরু।

মিডেম মিউজিক মেশিন Mr.doob এবং Paul Lamere-এর একটি মজার মিউজিক ডেমো। এটি এক ধরণের বল-চালিত মিউজিক বক্স যেখানে বলগুলি বিট 'এন' বপস থেকে বাউন্স করছে। ক্রিয়েটিভজেএস এর একটি ভাল লেখা আছে, এটি পরীক্ষা করে দেখুন।

কম্পিউটার মিউজিক ভিজ্যুয়ালাইজেশন থিম চালিয়ে, আমি সম্প্রতি বাইটবিট সম্পর্কে এই পৃষ্ঠায় দৌড়েছি, মিনিমালিস্টিক কোড সূত্র দ্বারা উত্পন্ন সঙ্গীতের একটি ফর্ম৷ পৃষ্ঠাটি সঙ্গীতের একটি দুর্দান্ত ওয়েবজিএল ভিজ্যুয়ালাইজেশনের সাথে লিঙ্ক করে। গ্রেগ টাভারেস এই ধারণাটি গ্রহণ করেছিলেন এবং ব্রাউজার থেকে সরাসরি আপনার নিজের বাইটবিট টিউনগুলি তৈরি এবং ভাগ করার জন্য একটি বাইটবিট স্যান্ডবক্স তৈরি করেছিলেন।