धड़कता वृत्त
केंद्र के चारों ओर स्केल का एनिमेशन। चार बेज़ियर बिंदुओं वाला एक सरल बंद पथ ट्रांसफ़ॉर्म की समस्याओं को अलग से पहचानने में मदद करता है।
512 × 512 · 60 FPS · 2 सेकंड · 394 बाइट
SVG / TGS / JSON
Telegram के लिए SVG और TGS नमूने: मूल फ़ाइलें मुफ़्त डाउनलोड करें
ऐसी छोटी फ़ाइल से शुरुआत करें जिसका व्यवहार आसानी से समझ आए। सीखने के लिए बनाए गए ये तीन नमूने एक धड़कता वृत्त, एक चलता तीर और एक स्थिर सही का निशान दिखाते हैं। हर नमूने में मूल SVG, एक TGS फ़ाइल और उसका बिना कंप्रेस किया हुआ Lottie JSON शामिल है।
कार्ड में स्थिर मूल SVG दिखता है। गति TGS और JSON में रखी गई है; वह SVG में शामिल नहीं है। ये प्रोग्राम के ज़रिए बनाए गए शिक्षण नमूने हैं, उपयोगकर्ताओं की अपलोड की गई फ़ाइलें नहीं।
चलता तीर
आकृति को घुमाए बिना स्थिति का एनिमेशन। मूल चित्र में उसके 56 पिक्सेल के ऊर्ध्वाधर चलने के लिए पर्याप्त जगह छोड़ी गई है।
512 × 512 · 60 FPS · 2 सेकंड · 381 बाइट
स्थिर सही का निशान
गोल सिरों वाले स्ट्रोक का खुला पथ, जिसमें कोई गति नहीं है। इससे स्ट्रोक की मोटाई की तुलना करें और स्थिर TGS तथा PNG का अंतर समझें।
512 × 512 · 60 FPS · 3 सेकंड · 342 बाइट
नमूनों का इस्तेमाल कैसे करें
- SVG डाउनलोड करके वेक्टर एडिटर में खोलें। इसमें केवल एक आकृति है, कोई एम्बेड की गई तस्वीर या टेक्स्ट के रूप में संपादन योग्य पाठ नहीं।
- कन्वर्टर खोलें, SVG चुनें और Telegram से साइन इन करें। फ़ाइल चुनने पर उसकी एक कॉपी निदान के लिए सेवा को भेजी जाती है; यह इन नमूनों पर भी लागू होता है।
- गति या स्थिर मोड चुनें, प्रीव्यू जाँचें और TGS एक्सपोर्ट करें। कन्वर्टर के प्रीसेट की टाइमिंग और गति यहाँ दिए गए शिक्षण TGS से अलग हो सकती है।
- अपने एक्सपोर्ट की नमूने से तुलना करें: कैनवास का आकार, fr, op, layers और एनिमेट किए गए गुण। फिर Telegram में @Stickers के ज़रिए फ़ाइल जाँचें।
क्या जाँचा गया है
प्रोजेक्ट का वैलिडेटर gzip, JSON, 512 × 512 का कैनवास, 60 FPS, अधिकतम 3 सेकंड की अवधि, 64 KB से कम कंप्रेस किया हुआ आकार और समर्थित आकृति डेटा जाँचता है। हर नमूने में बाहरी तस्वीरों के बिना एक लेयर है; पहले और आखिरी एनिमेटेड मान समान हैं। यह संरचना की जाँच है, इस बात की पुष्टि नहीं कि Telegram के सर्वर ने हर फ़ाइल स्वीकार कर ली है।
JSON में क्या देखें
fr फ़ील्ड फ़्रेम दर तय करती है, op कंपोज़िशन का अंत बताती है और layers में लेयरों की सूची होती है। वृत्त का स्केल ks.s में और तीर की स्थिति ks.p में एनिमेट होती है। सही के निशान का पथ खुला है: c का मान false है और st आइटम स्ट्रोक तय करता है। a का मान 0 होने का मतलब है कि उस गुण में कोई कीफ़्रेम नहीं है।
अपने प्रोजेक्ट में दोबारा इस्तेमाल करें
ये तीन नमूने SVG to TGS टीम ने बनाए हैं। आप इन्हें कॉपी, संशोधित और दोबारा वितरित कर सकते हैं, व्यावसायिक प्रोजेक्ट में भी, बिना भुगतान या अनिवार्य श्रेय के। यह अनुमति केवल इन तीन फ़ाइल सेट पर लागू है; इसमें वेबसाइट का सोर्स कोड, लोगो या किसी अन्य का चित्र शामिल नहीं है।
मूल फ़ाइल सँभालकर रखें
कन्वर्टर मूल SVG स्वीकार करता है। यहाँ उपलब्ध TGS और JSON डाउनलोड जाँच और तुलना के लिए हैं; कन्वर्टर इन्हें वापस इम्पोर्ट नहीं कर सकता। भविष्य में संपादन के लिए SVG अलग से रखें। जटिल लोगो आज़माने से पहले पक्का करें कि आपके डिवाइस पर एक साधारण नमूना भी यही पूरा क्रम सफलतापूर्वक पूरा करता है।