इस उदाहरण में shader ब्लर लगाने के लिए p5.Framebuffer से गहराई से जानकारी का उपयोग करता है। वास्तविक कैमरे पर, वस्तुएँ धुंधली दिखाई देती हैं यदि वे लेंस के फोकस से अधिक निकट या दूर हों। यह उस प्रभाव का अनुकरण करता है. सबसे पहले, स्केच फ़्रेमबफ़र को पांच गोले प्रदान करता है। फिर, यह ब्लर शेडर का उपयोग करके फ़्रेमबफ़र को कैनवास पर प्रस्तुत करता है।
फ़्रेमबफ़र धुंधला: Revised by Caleb Foss. Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: pre-2023 example, 2023 code. You can suggest improvements by contributing to the current website!
संबंधित उदाहरण
No alt text
ज्योमेट्री
कस्टम मॉडल सहित 3डी आकृतियाँ बनाएं।
No alt text
कस्टम ज्यामिति
प्रोग्रामेटिक रूप से एक 3डी आकार बनाएं।
No alt text
सामग्री
3डी वस्तुओं का रंग, बनावट और प्रकाश के प्रति उनकी प्रतिक्रिया को बदलें।
No alt text
कक्षा नियंत्रण
माउस से कैमरे को नियंत्रित करें.
No alt text
फ़िल्टर शेडर (GLSL)
शेडर के साथ इमेजरी में हेरफेर करें।
No alt text
शेडर के साथ स्थितियों को समायोजित करना (GLSL)
आकार के शीर्षों को समायोजित करने के लिए शेडर का उपयोग करें।
No alt text
फ़्रेमबफ़र धुंधला
कैमरे के क्षेत्र की गहराई का अनुकरण करें।
No alt text
फ़िल्टर शेडर (p5.strands)
शेडर के साथ इमेजरी में हेरफेर करें।
No alt text
शेडर के साथ स्थितियों को समायोजित करना (p5.strands)
आकार के शीर्षों को समायोजित करने के लिए शेडर का उपयोग करें।