PicoPixel के बारे में — ब्राउज़र-आधारित LVGL एडिटर
PicoPixel क्या है?
LVGL द्वारा संचालित एम्बेडेड यूज़र इंटरफ़ेस के लिए बनाया गया ब्राउज़र-आधारित विज़ुअल डिज़ाइन टूल।
पिक्सेल-परफ़ेक्ट कैनवास पर विजेट्स ड्रैग एंड ड्रॉप करें, उन्हें विज़ुअली स्टाइल करें, विज़ुअल इवेंट्स एडिटर से इवेंट हैंडलर जोड़ें, पुन: उपयोग योग्य एसेट्स मैनेज करें, और अपने टारगेट प्लेटफ़ॉर्म के लिए प्रोडक्शन-रेडी C कोड एक्सपोर्ट करें। इसे एम्बेडेड UI के लिए Figma समझें।
सब कुछ ब्राउज़र में चलता है, कुछ भी इंस्टॉल करने की ज़रूरत नहीं। PicoPixel उपयोग के लिए मुफ़्त है।
बटन, स्लाइडर, स्विच, आर्क, चार्ट, ड्रॉपडाउन, रोलर, चेकबॉक्स, टेक्स्ट एरिया, टैबव्यू, कंटेनर, इमेज
C कोड लिखे बिना इंटरैक्शन वायर करें
WebAssembly-संचालित, हार्डवेयर जैसा पिक्सेल-फ़ॉर-पिक्सेल प्रीव्यू
लाइव कर्सर, एनोटेशन, शेयर करने योग्य सिम्युलेटर लिंक
एक-क्लिक रोलबैक के साथ विस्तृत सेशन हिस्ट्री
ESP32, STM32, RP2040 और अन्य के लिए साफ़ LVGL 8.x कोड
दिग्गजों के कंधों पर खड़े होकर
LVGL और LVGL टीम के शानदार काम के बिना यह संभव नहीं होता। लाइब्रेरी को पूरी तरह ओपन-सोर्स, मुफ़्त और सुलभ रखने के उनके निर्णय ने PicoPixel जैसे टूल्स को संभव बनाया।
हम LVGL इकोसिस्टम में योगदान देने वाले सभी लोगों के आभारी हैं: कोर मेंटेनर्स, इश्यू फ़ाइल करने और ड्राइवर लिखने वाले समुदाय सदस्य, और हर डेवलपर जो इसके साथ बनाना चुनता है। धन्यवाद।
PicoPixel का फ्रंटएंड Penpot के एक फोर्क के रूप में शुरू हुआ। हम Penpot टीम और समुदाय के ओपन-सोर्स कार्य से मिली नींव के लिए बेहद आभारी हैं। PicoPixel के स्थिर रिलीज़ तक पहुँचते ही हमारा लक्ष्य अपना संस्करण जारी करना है।
PicoPixel को LVGL के लिए काम करने योग्य बनाने में मूल कोडबेस में व्यापक बदलाव करने पड़े, जिनमें कई विशेष रेंडरर शामिल हैं जो एक सामान्य डिज़ाइन प्लेटफ़ॉर्म को LVGL-नेटिव एडिटर और सिम्युलेटर में बदलते हैं। इस गहरे आर्किटेक्चरल काम के बिना PicoPixel आज के उद्देश्य-निर्मित प्लेटफ़ॉर्म के बजाय केवल एक बुनियादी LVGL प्लगइन होता।
PicoPixel लॉन्च होने पर LVGL टीम ने बहुत स्नेहपूर्ण शब्दों और बधाई के साथ संपर्क किया।
उन्होंने प्रोजेक्ट को इकोसिस्टम के लिए सकारात्मक जोड़ के रूप में स्वागत किया और LVGL के आसपास और टूलिंग बनते देखकर वास्तविक उत्साह जताया।
हमने इसे क्यों बनाया
एम्बेडेड डिवाइसों के लिए UI बनाना पारंपरिक रूप से पिक्सेल कोऑर्डिनेट्स हाथ से कोड करने और लो-लेवल ग्राफ़िक्स लाइब्रेरी से जूझने जैसा रहा है: C कोड लिखो, फ़्लैश करो, डिस्प्ले चेक करो, एडजस्ट करो, फिर से फ़्लैश करो।
हम मानते हैं कि एम्बेडेड डेवलपर्स भी वही विज़ुअल डिज़ाइन अनुभव पाने के हकदार हैं जो वेब और मोबाइल डेवलपर्स को मिलता है। PicoPixel इस अंतर को ड्रैग-एंड-ड्रॉप एडिटर, हार्डवेयर पर UI कैसा रेंडर होगा यह ठीक-ठीक दिखाने वाले लाइव सिम्युलेटर, और टीमों को रियल टाइम में साथ डिज़ाइन करने देने वाले सहयोगी वर्कफ़्लो से पाटता है।
यह कैसे काम करता है
कैनवास से हार्डवेयर तक छह चरणों में।
डिज़ाइन
LVGL विजेट्स को पिक्सेल-परफ़ेक्ट कैनवास पर ड्रैग करें और उन्हें विज़ुअली स्टाइल करें।
इंटरैक्शन वायर करें
बटन प्रेस को स्क्रीन नेविगेशन से, स्लाइडर बदलावों को लेबल अपडेट से जोड़ें। कोई C कोड नहीं।
प्रीव्यू
WebAssembly द्वारा संचालित लाइव LVGL सिम्युलेटर में अपना UI देखें। वास्तविक रेंडरिंग इंजन, कोई मॉक-अप नहीं।
एक्सपोर्ट
बिना प्रोप्राइटरी डिपेंडेंसी के प्रोडक्शन-रेडी LVGL C कोड (.c और .h फ़ाइलें) जनरेट करें।
फ़्लैश
एक्सपोर्ट की गई फ़ाइलों को अपने ESP-IDF, Arduino, या PlatformIO प्रोजेक्ट में जोड़ें और हार्डवेयर पर फ़्लैश करें।
इटरेट करें
बिल्ट-इन वर्शन कंट्रोल का उपयोग करके अपनी टीम के साथ रियल टाइम में सहयोग करें।
Ed की ओर से एक नोट
मैं अभी एक इंस्ट्रूमेंट डिस्प्ले क्लस्टर बना रहा हूँ और अपना काफ़ी समय Tokyo और Shenzhen के बीच बिताता हूँ। अगर आप हार्डवेयर बना रहे हैं या इनमें से किसी शहर में हैं, तो ड्रिंक लेकर काम की बातें करना मुझे अच्छा लगेगा।
PicoPixel से पहले, मैंने कुछ साल सबसे बड़ी ब्रोकरेज फ़र्मों में से एक में बिताए। मैंने एक Apple द्वारा अधिग्रहित स्टार्टअप में भी काम किया, जहाँ मैंने कुछ Watch प्रोटोटाइप पर काम किया। वहीं से हार्डवेयर के करीब लौटने की इच्छा शुरू हुई, और आखिरकार यह बनाने तक पहुँची।
आप क्या बना रहे हैं और PicoPixel में कौन से बदलाव देखना चाहते हैं, यह सुनना मुझे अच्छा लगेगा। बेझिझक संपर्क करें।
ओपन बीटा
हम कहाँ हैं, इस पर साफ़ बात।
PicoPixel ओपन बीटा में है और अभी एक सोलो डेवलपर द्वारा बनाया और मेंटेन किया जा रहा है। विजेट सेट सक्रिय रूप से बढ़ रहा है, LVGL v9.x सपोर्ट योजनाबद्ध है, और नई सुविधाएँ नियमित रूप से शिप हो रही हैं, जिनमें हाल ही में लॉन्च हुआ timeline-based keyframing वाला Animation mode भी शामिल है।
इन्फ़्रास्ट्रक्चर स्केल होने के दौरान अस्थायी सीमाएँ हो सकती हैं। आपका धैर्य और फ़ीडबैक हमारे लिए बहुत मायने रखता है। अगर आपको कुछ भी मिले, तो संपर्क करने में संकोच न करें।
अपना LVGL इंटरफ़ेस मुफ़्त में बनाना शुरू करें
एम्बेडेड UI विज़ुअली डिज़ाइन करें, लाइव LVGL सिम्युलेटर में प्रीव्यू करें, और प्रोडक्शन-रेडी C कोड एक्सपोर्ट करें। कोई इंस्टॉलेशन नहीं। कोई क्रेडिट कार्ड नहीं। अपने ब्राउज़र में PicoPixel खोलें और डिज़ाइन शुरू करें।
शुरू करें। यह मुफ़्त है!