عارض Lottie
مشغل Lottie مجاني عبر الإنترنت. افتح أي رسومة Lottie بصيغة JSON وشغّلها وأوقفها وتنقّل بين الإطارات وغيّر السرعة وشغّل التكرار وعاينها على خلفية شطرنجية شفافة — داخل متصفحك بالكامل.
ما هو ملف Lottie؟
ملف Lottie هو تصدير JSON لرسومة متجهة، يُنشأ عادةً في After Effects عبر إضافة Bodymovin أو في أدوات مثل LottieFiles. تشغّله التطبيقات والمواقع بمحرّك خفيف بدل الفيديو، فيكون حجمه صغيرًا جدًا وتظل جودته مثالية عند أي تكبير.
كيف أعاين رسومة Lottie هنا؟
انقر على منطقة الرفع أو أسقط ملف .json عليها. تُحمَّل الرسومة فورًا وتبدأ بالتشغيل. ويمكنك زر المثال لتجربة المشغل بنموذج مدمج.
هل تُرفع رسومتي إلى خادم؟
لا. يُقرأ الملف ويُرسم بالكامل داخل تبويب المتصفح ولا يُرسل شيء إلى أي مكان، لذا يمكنك استخدامه بأمان مع أعمال العملاء غير المنشورة والمواد السرية.
ما أدوات التشغيل المتاحة؟
تشغيل وإيقاف مؤقت، زر إعادة التشغيل، مفتاح تكرار، شريط إطارات قابل للسحب، ومحدد سرعة من 0.25x إلى 2x. ويعرض المؤشر الإطار الحالي وإجمالي الإطارات ومعدل إطارات الرسومة.
لماذا توجد خلفية شطرنجية؟
النمط الشطرنجي يمثل الشفافية كما في أدوات التصميم. استخدمه للتأكد من خلو رسومتك من خلفية غير مقصودة، وبدّل إلى الأبيض أو الأسود لفحص الحواف والتوهج والظلال على الأسطح الفاتحة والداكنة.
ما إصدارات Lottie المدعومة؟
يستخدم المشغل محرك lottie-web الذي يدعم JSON بصيغة Bodymovin من الإصدار 4 فصاعدًا: طبقات الأشكال والأقنعة والماتس وقص المسارات ومعظم التعبيرات المدمجة عند التصدير.
هل يعمل على الهواتف؟
نعم. الواجهة متجاوبة والرسم يتم بالمحرك الشعاعي نفسه، فتعمل في متصفحات iOS وAndroid، والأزرار مضبوطة للمس.
ما الفرق بين .json و.lottie؟
صيغة .lottie (dotLottie) حزمة مضغوطة قد تحتوي على ملف JSON مع الصور وغيرها. يفتح هذا العارض ملف .json القياسي مباشرة؛ أما ملفات dotLottie فاستخرج منها ملف .json أولًا.
لماذا تعمل رسومتي ببطء أو تظهر بشكل خاطئ؟
الرسومات كثيرة الطبقات أو الصور أو التعبيرات تتطلب جهدًا في الرسم. تأكد من عدم تصدير الصور منفصلة، وبسّط التكوين أو خفّض السرعة — يعرض مؤشر FPS المعدل المتوقع للرسومة.
كيفية استخدام عارض Lottie
يشغّل عارض Lottie هذا رسومات Bodymovin JSON بالكامل داخل متصفحك عبر محرّك العرض lottie-web. حمّل ملفًا أو أفلته داخله، وتحكم بالتشغيل إطارًا بإطار، وعاين على خلفيات شفافة أو بيضاء أو سوداء — لا يُرفع أي شيء إلى أي مكان.
- انقر على منطقة الرفع أو أفلت ملف Lottie بصيغة .json عليها؛ تُحمَّل الرسومة وتبدأ بالتشغيل فورًا.
- استخدم زر التشغيل/الإيقاف الكبير وزر إعادة التشغيل للتحكم بالعرض.
- اسحب شريط الإطارات للانتقال إلى أي إطار؛ يُظهر العداد الإطار الحالي وإجمالي الإطارات ومعدل الإطارات FPS.
- اختر سرعة بين 0.25x و2x، واستخدم زر التكرار للتشغيل المتواصل.
- بدّل الخلفية بين الشطرنجية الشفافة والأبيض والأسود لفحص الحواف والتوهجات والظلال.
اضغط زر المثال أولًا لترى كيف يتصرف المشغّل قبل تحميل رسومتك الخاصة — مفيد عندما يرسل لك عميل ملف JSON وتحتاج إلى فحص سريع.
أدوات ذات صلة
- عارض ومحرر SVG عاين وحرر وحسّن ملفات SVG عبر الإنترنت. معاينة في الوقت الفعلي، تحرير الكود وأدوات التحسين.
- عارض شجرة JSON تصور بيانات JSON كشجرة تفاعلية قابلة للطي. ابحث عن المفاتيح والقيم، وتتبع JSONPath عند التمرير، وتعامل مع الملفات الكبيرة مع التحميل الكسول. يدعم سحب وإفلات ملفات .json.
- مولد سبرايت شيت ادمج الصور في سبرايت شيت مع السحب لإعادة الترتيب، تخطيط الشبكة، الحشو، أوضاع القياس. صدّر كـ PNG/WebP/JPG مع بيانات أطلس JSON لمحركات الألعاب وCSS.
- صورة إلى Base64 حوّل الصور إلى سلاسل Base64 وفك ترميز Base64 إلى صور. يدعم PNG وJPG وGIF وWebP وSVG وBMP وICO. معالجة 100% في المتصفح بدون رفع.
- تقسيم إطارات GIF استخرج وحمّل إطارات فردية من رسوم GIF كـ PNG أو ورقة رسوم. أداة مجانية عبر الإنترنت مع معاينة وتصدير ZIP.
- عكس GIF عكس ترتيب تشغيل رسوم GIF المتحركة مجانًا عبر الإنترنت. ارفع، عاين وحمّل GIF معكوس فورًا.
- مغير سرعة GIF غيّر سرعة رسوم GIF المتحركة عبر الإنترنت. سرّع أو أبطئ ملفات GIF فوراً.
- فيديو إلى GIF حوّل الفيديو إلى GIF متحرك عبر الإنترنت. اضبط الجودة ومعدل الإطارات والدقة مباشرة في متصفحك دون الحاجة إلى رفع أي ملفات.