Penonton Lottie
Pemain Lottie dalam talian percuma. Buka mana-mana animasi Lottie JSON, main dan jeda, luncur bingkai demi bingkai, ubah kelajuan, aktifkan lelaran dan pratonton atas papan catur lut sinar — sepenuhnya dalam pelayar.
Apakah itu fail Lottie?
Fail Lottie ialah eksport JSON bagi animasi vektor, biasanya dicipta dalam After Effects dengan pemalam Bodymovin atau dalam alat seperti LottieFiles. Aplikasi dan laman web memainkannya dengan perender ringan dan bukan video, jadi saiznya kecil dan kualitinya kekal pada sebarang skala.
Bagaimana pratonton animasi Lottie di sini?
Klik kawasan muat naik atau seret fail .json anda ke situ. Animasi dimuat serta-merta dan mula dimainkan. Butang contoh juga boleh digunakan untuk mencuba pemain dengan sampel terbina dalam.
Adakah animasi saya dimuat naik ke pelayan?
Tidak. Fail dibaca dan dirender sepenuhnya dalam tab pelayar. Tiada apa-apa dihantar ke mana-mana, jadi selamat untuk kerja klien yang belum diterbitkan dan aset sulit.
Apakah kawalan main semula yang ada?
Main dan jeda, butang mula semula, suis lelaran, peluncur bingkai yang boleh diseret, dan pemilih kelajuan 0.25x hingga 2x. Paparan menunjukkan bingkai semasa, jumlah bingkai dan kadar bingkai animasi.
Mengapa ada latar papan catur?
Papan catur melambangkan lut sinar, sama seperti dalam alat reka bentuk. Gunakannya untuk memastikan animasi tiada latar yang tidak diingini; tukar ke putih atau hitam untuk memeriksa tepi, cahaya dan bayangan pada permukaan cerah atau gelap.
Versi Lottie yang disokong?
Pemain menggunakan perender lottie-web yang menyokong JSON Bodymovin dari versi 4 ke atas: lapisan bentuk, topeng, matte, trim path dan kebanyakan ungkapan yang dibakar semasa eksport.
Boleh guna pada telefon?
Boleh. Susun atur responsif dan perenderan menggunakan enjin SVG yang sama, jadi berfungsi dalam pelayar iOS dan Android. Kawalan disesuaikan untuk sentuhan.
Apakah beza .json dan .lottie?
Format .lottie (dotLottie) ialah zip termampat yang boleh memuatkan JSON bersama aset. Penonton ini membuka .json Lottie standard terus; bagi fail dotLottie, ekstrak dahulu .json di dalamnya.
Mengapa animasi saya lambat atau kelihatan pelik?
Animasi dengan banyak lapisan, imej atau ungkapan berat untuk dirender. Pastikan imej tidak dieksport berasingan, ringkarkan komposisi atau kurangkan kelajuan — paparan FPS menunjukkan kadar yang dijangkakan animasi.
Cara Menggunakan Penonton Lottie
Penonton Lottie ini memainkan animasi Bodymovin JSON sepenuhnya dalam pelayar anda dengan perender lottie-web. Muatkan fail atau seret masuk, kawal mainan bingkai demi bingkai, dan pratonton atas latar lut sinar, putih atau hitam — tiada apa-apa dimuat naik.
- Klik kawasan muat naik atau seret fail .json Lottie ke atasnya; animasi dimuat dan mula dimainkan serta-merta.
- Guna butang main/jeda besar dan butang mula semula untuk mengawal mainan.
- Seret peluncur bingkai untuk meluncur ke mana-mana bingkai; bacaan menunjukkan bingkai semasa, jumlah bingkai dan FPS.
- Pilih kelajuan antara 0.25x dan 2x, dan aktifkan butang lelaran untuk mainan berulang berterusan.
- Tukar latar antara papan catur lut sinar, putih dan hitam untuk memeriksa tepi, cahaya dan bayang.
Tekan butang contoh dahulu untuk melihat gelagat pemain sebelum memuatkan animasi anda sendiri — berguna apabila pelanggan menghantar JSON dan anda perlu semakan pantas.
Alat Berkaitan
- Pemapar & Editor SVG Pratonton, sunting dan optimumkan fail SVG dalam talian. Pratonton masa nyata, penyuntingan kod dan alat pengoptimuman.
- Pemapar pokok JSON Visualisasikan data JSON sebagai pokok interaktif yang boleh dilipat. Cari kunci dan nilai, jejak JSONPath apabila hover, dan tangani fail besar dengan pemuatan malas. Menyokong seret & lepas fail .json.
- Penjana Sprite Sheet Gabungkan imej menjadi sprite sheet dengan seret untuk menyusun semula, reka letak grid, padding, mod skala. Eksport PNG/WebP/JPG dengan data JSON atlas untuk enjin permainan dan CSS.
- Imej ke Base64 Tukar imej ke rentetan Base64 dan nyahkod Base64 kembali ke imej. Menyokong PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% dalam pelayar, tanpa muat naik.
- GIF Pecahkan Bingkai Ekstrak dan muat turun bingkai individu daripada animasi GIF sebagai PNG atau helaian sprite. Alat dalam talian percuma dengan pratonton dan eksport ZIP.
- GIF Terbalik Songsangkan urutan main balik animasi GIF dalam talian percuma. Muat naik, pratonton dan muat turun serta-merta.
- Pengubah Kelajuan GIF Ubah kelajuan animasi GIF dalam talian. Percepat atau perlahankan fail GIF serta-merta.
- Video ke GIF Tukar video kepada GIF beranimasi dalam talian. Laras kualiti, kadar bingkai dan resolusi terus dalam pelayar tanpa perlu muat naik.