आर्ट कोडिंग: हम कैसे डिजाइन परियोजनाओं में ग्राफिक्स और एनीमेशन उत्पन्न करते हैं

JetBrains में, हम प्रयोग करना पसंद करते हैं। हमारे प्रयोगों के परिणाम हमेशा सार्वजनिक नहीं किए जाते हैं, लेकिन हम अभी आपके साथ कुछ साझा करने के लिए तैयार हैं।

हमारी नई परियोजना डिजाइन प्रक्रियाओं को स्वचालित करने की इच्छा के साथ शुरू हुई। उत्पाद के प्रत्येक रिलीज के लिए, डिजाइनर को बड़ी संख्या में विपणन सामग्री तैयार करने की आवश्यकता होती है। इसी समय, यह पूरी तरह से अलग-अलग मीडिया पर ग्राफिक्स को गुणा करने के लिए पूरी तरह से अपर्याप्त है, आपको प्रत्येक प्रतिलिपि में एक उचित और सौंदर्यपूर्ण रूप से उचित विविधता बनाने में सक्षम होने की आवश्यकता है।

इस तरह के उद्देश्यों के लिए ग्राफिक्स बनाने का विचार नया नहीं है, कोड जीवन चक्र के विभिन्न चरणों में उत्पन्न संरचना और त्रुटियों के अंतहीन जाल के बिना नए दृश्य कॉन्फ़िगरेशन को जल्दी से अलग करने और तैनात करने के लिए डिजाइनर के लिए छवि पर गहरा और सटीक नियंत्रण रखना महत्वपूर्ण है।


इस समस्या के समाधान की खोज में, प्रोग्रामर ने डिजाइनर के साथ मिलकर, और हमें ग्राफिक्स जनरेटर मिला जिसे हमने पिछले साल प्रदर्शित किया था । जनरेटर न केवल मनोरंजन के लिए बनाया गया था: हमने इसका उपयोग टी-शर्ट और अन्य टिनसेल पर छप स्क्रीन, बैनर, प्रिंट बनाने के लिए किया था। प्रारंभिक जनरेटर केवल स्थिर छवियों में सक्षम था, आरपीडी पुस्तकालय द्वारा निभाए गए नोड्स ने नियंत्रण इंटरफ़ेस की भूमिका निभाई।

इस साल, हमें वीडियो, स्क्रीनसेवर और इंटरैक्टिव बैनर के लिए तत्काल एनीमेशन की आवश्यकता थी। वेब पर एनीमेशन के लिए, पिछली बार हमने जिस जावास्क्रिप्ट का उपयोग किया था, वह बहुत अधिक त्रुटि वाला लग रहा था, और हमने एल्म को भी चुना, जो बहुत तेज जेएस में संकलित है।

एल्म स्थैतिक टाइपिंग के साथ एमएल परिवार की सबसे सरल और मित्रवत कार्यात्मक भाषा है, जो गारंटीकृत-काम कोड लिखना और बढ़ी हुई जटिलता के प्रकार संरचनाओं का वर्णन करना संभव बनाता है। अपनी स्थापना के बाद से, एल्म ने वेब ग्राफिक्स के लिए लक्ष्य किया है, और भाषा के पहले संस्करणों में पेश किए गए पैकेजों के बीच, एक अद्भुत एल्म-कोलाज था , और थोड़ी देर बाद एल्म-वेबल पैकेज दिखाई दिया, जो उपयोगकर्ता को न केवल वेबलॉग एपीआई के आसपास एक न्यूनतम आवरण प्रदान करता है, बल्कि इसे नियंत्रित भी करता है। शेड्स में यूनिफ़ॉर्म / एट्रीब्यूट्स / वेरिएबल्स के प्रकार।

code2art.jetbrains.com - यहां आप जनरेटर शुरू कर सकते हैं और, डिजाइन ड्राइव की खोज कर, सेटिंग्स को स्थानांतरित कर सकते हैं। आप अपनी पसंद के फ्रेम को लपेट सकते हैं। आवश्यक संसाधनों के साथ HTML5 पेज के रूप में एनीमेशन डाउनलोड या डाउनलोड कर सकते हैं।

हम आपके समय को "मैं खुद को भाग्यशाली महसूस कर रहा हूँ" बटन दबाने के लिए ज़िम्मेदार नहीं हैं। यदि आप दृश्य "ट्रिप" पसंद करते हैं, तो यह लंबे समय तक घूमने के लिए एक अच्छी जगह है।

अन्य बातों के अलावा, हमने फिर से अपने आप को एक विशुद्ध रूप से कार्यात्मक भाषा में एक इंटरफ़ेस के साथ प्रयोग करने की अनुमति दी और, एक विकल्प के रूप में, हम आपको एक इंटरफ़ेस प्रदान करते हैं ला TRON: code2art.jetbrains.com/#tron


जनरेटर के लेखक 26 जनवरी को मिन्स्क में एफ (द्वारा) सम्मेलन में एक रिपोर्ट में गहरे तकनीकी विवरण का वर्णन करेंगे।

जनरेटर का स्रोत कोड यहां पाया जा सकता है: github.com/JetBrains/elmsfeuer ।

आपकी JetBrains टीम
विकसित करने के लिए ड्राइव