Büyüyüp küçülen daire
Merkez çevresinde ölçek animasyonu. Dört Bézier noktalı basit bir kapalı yol, dönüşüm sorunlarını ayrı olarak incelemeyi kolaylaştırır.
512 × 512 · 60 FPS · 2 sn · 394 bayt
SVG / TGS / JSON
Telegram için SVG ve TGS örnekleri: ücretsiz kaynak dosyalar
Davranışını kolayca anlayabileceğiniz küçük bir dosyayla başlayın. Öğretim amacıyla hazırlanan bu üç örnekte büyüyüp küçülen bir daire, hareket eden bir ok ve sabit bir onay işareti bulunur. Her örnekte kaynak SVG, bir TGS dosyası ve sıkıştırılmamış Lottie JSON verisi vardır.
Kartlarda sabit SVG kaynağı gösterilir. Hareket TGS ve JSON dosyalarında saklanır; SVG içine gömülü değildir. Bunlar kodla oluşturulmuş öğretici örneklerdir, kullanıcıların yüklediği dosyalardan alınmamıştır.
Hareket eden ok
Şekli döndürmeden konum animasyonu. Kaynak çizimde 56 piksellik dikey hareket için yeterli alan bırakılmıştır.
512 × 512 · 60 FPS · 2 sn · 381 bayt
Sabit onay işareti
Uçları ve birleşimleri yuvarlak bir çizgiden oluşan, hareketsiz açık yol. Çizgi kalınlığını karşılaştırmak ve sabit bir TGS dosyasını PNG’den ayırt etmek için kullanın.
512 × 512 · 60 FPS · 3 sn · 342 bayt
Örnekler nasıl kullanılır?
- Bir SVG indirin ve vektör düzenleyicide açın. Dosyada tek bir şekil vardır; gömülü fotoğraf veya düzenlenebilir metin bulunmaz.
- Dönüştürücüyü açın, SVG dosyasını seçin ve Telegram ile giriş yapın. Dosya seçildiğinde bir kopyası tanılama amacıyla hizmete gönderilir; bu kural örnek dosyalar için de geçerlidir.
- Bir hareket veya sabit mod seçin, önizlemeyi inceleyin ve TGS olarak dışa aktarın. Dönüştürücünün hazır ayarı, burada sunulan öğretici TGS dosyasından farklı zamanlama ve hareket kullanabilir.
- Dışa aktardığınız dosyayı örnekle karşılaştırın: tuval boyutu, fr, op, layers ve animasyonlu özellikler. Ardından dosyayı Telegram’da @Stickers aracılığıyla kontrol edin.
Neler kontrol edildi?
Projenin doğrulayıcısı gzip, JSON, 512 × 512 tuval, 60 FPS, en fazla 3 saniye süre, 64 KB altında sıkıştırılmış boyut ve desteklenen şekil verilerini kontrol eder. Her örnekte harici görüntü içermeyen tek bir katman vardır; animasyonun ilk ve son değerleri eşleşir. Bu, yapısal bir kontroldür; her dosyanın Telegram sunucuları tarafından kabul edildiğini doğrulamaz.
JSON içinde neler incelenmeli?
fr alanı kare hızını belirler, op kompozisyonun sonunu gösterir ve layers katmanları listeler. Dairede ks.s ile ölçek, okta ks.p ile konum canlandırılır. Onay işaretinde c değeri false olan açık bir yol ve st öğesiyle tanımlanan bir çizgi bulunur. a değerinin sıfır olması, özelliğin anahtar kare içermediğini gösterir.
Kendi projelerinizde yeniden kullanın
Bu üç örneği SVG to TGS ekibi oluşturdu. Ticari projeler de dahil olmak üzere bunları ücret ödemeden veya kaynak belirtme zorunluluğu olmadan kopyalayabilir, değiştirebilir ve yeniden dağıtabilirsiniz. Bu izin yalnızca bu üç dosya kümesi için geçerlidir; sitenin kaynak kodunu, logosunu veya üçüncü tarafların eserlerini kapsamaz.
Kaynak dosyayı saklayın
Dönüştürücü kaynak SVG kabul eder. Buradan indirilen TGS ve JSON dosyaları inceleme ve karşılaştırma içindir; dönüştürücü bunları yeniden içe aktaramaz. İleride düzenlemek için SVG dosyasını ayrı saklayın. Karmaşık bir logoyu denemeden önce basit bir örneğin cihazınızda aynı işlemleri tamamlayabildiğini kontrol edin.