संदर्भ
p5.js की संभावनाओं का पता लगाएं छोटे उदाहरणों के साथ।
No alt text
आदिम आकार
2D आकृतियाँ बनाएं
रंग
अपने स्केच में रंग जोड़ें
रेखाएँ खींचना
माउस से ड्रा करें
घटनाओं के साथ एनीमेशन
एनीमेशन रोकें और फिर से शुरू करें
मोबाइल डिवाइस मूवमेंट
डिवाइस की गति के आधार पर एनिमेशन
स्थितियाँ
जब आपका स्केच चल रहा हो तो निर्णय लेने के लिए if और else कथनों का उपयोग।
शब्द
फ़ॉन्ट लोड करें और टेक्स्ट बनाएं
छवि डेटा कॉपी करें
एक छवि फ़ाइल से कैनवास पर पेंट करें।
अल्फा मास्क
किसी अन्य छवि के एक भाग को काटने के लिए एक छवि का उपयोग करें
छवि पारदर्शिता
कैनवास पर एक छवि को पारदर्शी बनाएं
ऑडियो प्लेयर
किसी ऑडियो फ़ाइल के लिए एक प्लेयर बनाएं
वीडियो प्लेयर
वीडियो फ़ाइल के लिए एक प्लेयर बनाएं
वीडियो कैनवास
कैनवास पर एक वीडियो प्रदर्शित करें और उसे शैलीबद्ध करें
विडियो रिकॉर्ड
कैमरे से लाइव वीडियो फ़ीड प्रदर्शित करें
छवि ड्रॉप
एक छवि प्रदर्शित करें जिसे पृष्ठ पर किसी विज़िटर द्वारा खींचकर छोड़ दिया गया हो
इनपुट और बटन
पेज विज़िटर से टेक्स्ट इनपुट का उपयोग करें
फॉर्म तत्व
एक फॉर्म बनाएं और परिणामों पर प्रतिक्रिया दें
ट्रांसलेट
कोऑर्डनिट सिस्टम का ऑरिजिन को हिलाना
रोटेट
समन्वय प्रणाली को घुमाएँ
स्केल
समन्वय प्रणाली के स्केल का परिवर्तन करे
रेखिक आंतरिक
0 और 1 के बीच की संख्या को दूसरी श्रेणी में बदलें।
नक्शा
किसी संख्या को एक श्रेणी से दूसरी श्रेणी में बदलें।
यादृच्छिक
यादृच्छिक संख्याएँ प्राप्त करें.
विवश
किसी संख्या को एक सीमा के भीतर रखें.
घड़ी
वर्तमान समय प्राप्त करें.
रंग अंतर्वेशन
दो रंगों के बीच फीका पड़ना।
रंग पहिया
रंग स्पेक्ट्रम का एक विज़ुअलाइज़ेशन बनाएं।
बेज़ियर
वक्रों का एक सेट बनाएं.
बहुरूपदर्शक
माउस से प्रतिबिम्बित डिज़ाइन बनाएं।
शोर
पर्लिन शोर का उपयोग करके प्राकृतिक बनावट उत्पन्न करें।
पुनरावर्ती वृक्ष
स्वयं कॉल करने वाले फ़ंक्शन का उपयोग करके एक वृक्ष बनाएं।
यादृच्छिक कविता
बैंक से यादृच्छिक रूप से चुने गए शब्दों से एक कविता तैयार करें।
साइन और कोसाइन
गोलाकार, आगे और पीछे, और तरंग गति को चेतन करें।
उद्देश्य
एक बिंदु की ओर घुमाएँ.
त्रिकोण पट्टी
एक रिंग को त्रिकोणों में विभाजित करें।
सर्कल क्लिकर
किसी वृत्त पर शीघ्रता से क्लिक करने और उच्च स्कोर बचाने के बारे में एक गेम बनाएं।
पिंग पोंग
अटारी के पोंग से प्रेरित एक गेम बनाएं।
साँप
स्नेक आर्केड गेम पर आधारित एक गेम बनाएं।
ज्योमेट्री
कस्टम मॉडल सहित 3डी आकृतियाँ बनाएं।
कस्टम ज्यामिति
प्रोग्रामेटिक रूप से एक 3डी आकार बनाएं।
सामग्री
3डी वस्तुओं का रंग, बनावट और प्रकाश के प्रति उनकी प्रतिक्रिया को बदलें।
कक्षा नियंत्रण
माउस से कैमरे को नियंत्रित करें.
फ़िल्टर शेडर
शेडर के साथ इमेजरी में हेरफेर करें।
शेडर के साथ स्थितियों को समायोजित करना
आकार के शीर्षों को समायोजित करने के लिए शेडर का उपयोग करें।
फ़्रेमबफ़र धुंधला
कैमरे के क्षेत्र की गहराई का अनुकरण करें।
ग्राफ़िक्स बनाएं
ऑफ-स्क्रीन इमेजरी बनाएं.
एकाधिक कैनवस
पेज पर एकाधिक कैनवस डालने के लिए इंस्टेंस मोड का उपयोग करें।
एक बनावट के रूप में शेडर
शेडर का उपयोग करके 3डी आकार के लिए एक बनावट तैयार करें।
बर्फ के टुकड़े
चेतन बर्फबारी.
शेक बॉल बाउंस
मोबाइल डिवाइस की गति के आधार पर गेंद की गति को चेतन करें।
जुड़े हुए कण
माउस का उपयोग करके वृत्त और कनेक्टिंग रेखाएँ बनाएँ।
झुंड बनाना
पक्षियों के झुंड के व्यवहार का अनुकरण करें।
स्थानीय भंडारण
डिवाइस पर ब्राउज़र से डेटा सहेजें.
JSON
जावास्क्रिप्ट ऑब्जेक्ट नोटेशन में डेटा संग्रहीत करें।
तालिका
डेटा को अल्पविराम से अलग किए गए मानों के रूप में संग्रहीत करें।
गैर-ऑर्थोगोनल प्रतिबिंब
एक झुकी हुई सतह पर उछलती हुई गेंद का अनुकरण करें।
नरम शरीर
माउस की ओर तेजी से बढ़ते एक नरम शरीर की भौतिकी का अनुकरण करें।
ताकतों
तरल के माध्यम से चलते समय कई पिंडों पर बलों का अनुकरण करें।
धुएँ के कण
एक कण प्रणाली के साथ धुएं का अनुकरण करें।
Game of Life
Recreate John Conway's cellular automaton.
Mandelbrot Set
Visualize a mathematical set that produces fractal structures.