HeadlinesBriefing HeadlinesBriefing.com

वेब पर डिदरिंग और रेट्रो शेडिंग

Hacker News •
×

Maxime Heckel ने कई महीनों तक अपनी व्यक्तिगत वेबसाइट को शुरू से बनाया, जिसमें अपने शेडर और WebGL कौशल दिखाने के लिए 3D कार्य शामिल किया। इस दौरान उन्हें समझ आया कि किसी दृश्य को अच्छा दिखाने में पोस्ट-प्रोसेसिंग कितनी महत्वपूर्ण है। कस्टम पोस्ट-प्रोसेसिंग ने उन्हें एक रचनात्मक माध्यम दिया, और उन्हें डिदरिंग, रंग क्वांटाइज़ेशन, पिक्सेलाइज़ेशन या CRT RGB सेल जैसे रेट्रो प्रभावों से विशेष लगाव हो गया। ये सूक्ष्म विवरण आधुनिक वेब और तकनीक के उस दौर के बीच एक सुखद अंतर पैदा करते हैं, जिसे 90 के दशक और 2000 के दशक की शुरुआत के बहुत से बच्चे आज भी याद करते हैं।

डिदरिंग एक प्रारंभिक ग्राफ़िक्स तकनीक के रूप में शुरू हुई, जो किसी छवि या रेंडर में जानबूझकर नॉइज़ जोड़कर दर्शक के मस्तिष्क को यह महसूस कराती थी कि ग्रेडिएंट और छायाओं में हार्डवेयर से अधिक रंग या चिकनापन है। पैलेट बहुत सीमित थे, इसलिए गेम डिज़ाइनर इस पर निर्भर रहते थे। परिणाम एक विशिष्ट रूप था, जो उस दौर से जुड़ा है जब कंप्यूटर हर जगह पहुँचने लगे थे, लेकिन उन्नत ग्राफ़िक्स अभी संभव नहीं थे। आज डिदरिंग एक समाधान से अधिक एक कलात्मक विकल्प है, जिसे कलाकार और गेम डिज़ाइनर उस युग को जगाने या स्व-निर्धारित रंग सीमाओं के भीतर काम करने के लिए इस्तेमाल करते हैं। उदाहरणों में Basement Studio का पॉइंट-एंड-क्लिक गेम Basement Chronicle, @loackme की कलाकृतियाँ, और मूल Game Boy कैमरे से @aweusmeuh की प्रायोगिक फ़ोटोग्राफ़ी शामिल हैं।

Heckel React Three Fiber और Three.js प्रोजेक्ट्स पर डिदरिंग लागू करने पर ध्यान देते हैं ताकि उन्हें एक अनोखी शैली मिले। यह तरीका पोस्ट-प्रोसेसिंग पर केंद्रित है, जो पहले से रेंडर किए गए दृश्य पर शेडर लागू करता है, ठीक वैसे ही जैसे किसी फ़ोटो पर इमेज फ़िल्टर लगाया जाता है। कस्टम प्रभाव बनाने के लिए वे Effect को विस्तारित करने वाली एक क्लास घोषित करते हैं, पैरेंट कंस्ट्रक्टर के माध्यम से बुलाया जाने वाला फ़्रैगमेंट शेडर परिभाषित करते हैं, आवश्यक uniforms घोषित करते हैं, और फिर क्लास को wrapEffect से लपेटते हैं ताकि उसे EffectComposer के भीतर JSX घटक के रूप में उपयोग किया जा सके।

श्रृंखला के पहले भाग में डिदरिंग तकनीक कैसे काम करती है यह समझाया गया है, इसे एक शेडर के रूप में लागू किया गया है, और एक प्रारंभिक डिदरिंग पोस्ट-प्रोसेसिंग प्रभाव बनाया गया है जिसे किसी भी 3D दृश्य पर लगाया जा सकता है।

स्रोत: Hacker News · HeadlinesBriefing द्वारा सारांशित