دائرة نابضة
تحريك الحجم حول المركز. يساعد مسار مغلق بسيط مكوّن من أربع نقاط بيزيه على عزل مشكلات التحويلات الهندسية.
512 × 512 · 60 FPS · 2 ث · 394 بايت
SVG / TGS / JSON
أمثلة SVG وTGS لتطبيق Telegram: تنزيل الملفات الأصلية مجانًا
ابدأ بملف صغير يسهل فهم سلوكه. تعرض هذه الأمثلة الثلاثة المعدّة خصيصًا للتعلّم دائرة نابضة وسهمًا متحركًا وعلامة صح ثابتة. يتضمن كل مثال ملف 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. وتشير قيمة 0 في a إلى خاصية لا تحتوي على إطارات مفتاحية.
أعد استخدامها في مشاريعك
أنشأ فريق SVG to TGS هذه الأمثلة الثلاثة. يمكنك نسخها وتعديلها وإعادة توزيعها، بما في ذلك في المشاريع التجارية، من دون دفع أو اشتراط نسب العمل إلى صاحبه. يسري هذا الإذن على مجموعات الملفات الثلاث هذه فقط؛ ولا يشمل الشفرة المصدرية للموقع أو الشعار أو أعمال الأطراف الأخرى.
احتفظ بالملف الأصلي
يقبل المحوّل ملفات SVG الأصلية. ملفات TGS وJSON المتاحة هنا مخصّصة للفحص والمقارنة؛ ولا يستطيع المحوّل استيرادها مرة أخرى. احتفظ بملف SVG على حدة للتعديلات المستقبلية. قبل اختبار شعار معقّد، تأكد من أن مثالًا بسيطًا يكمل الخطوات نفسها على جهازك.