dotlottie web
@lottiefiles
قم بتبسيط الرسوم المتحركة الخاصة بك على الويب مع اللاعبين الرسميين لـ Lottiefiles للرسوم المتحركة Dotlottie و Lottie. تم تصميم هذه الحزم من أجل التكامل السريع ، وتساعد المطورين بسرعة على إحضار صور متحركة إلى مشاريع على شبكة الإنترنت بأقل جهد.
Dotlottie هو تنسيق ملف مفتوح المصدر يجمع ملف Lottie واحد أو أكثر ومواردها المرتبطة بها في ملف واحد. فهي محفوظات مضغوطة مضغوطة مع طريقة الضغط المنهارة وتحمل امتداد ملف ".lottie".
تعرف على المزيد حول Dotlottie.
يحتوي Monorepo على الحزمة التالية:
| طَرد | وصف |
|---|---|
| @lottiefiles/dotlottie-web | مكتبة JavaScript لتقديم الرسوم المتحركة Lottie و Dotlottie في المتصفح أو Node.js. |
| @lottiefiles/dotlottie-React | غلاف مكون React لـ dotlottie-web الذي يوفر واجهة برمجة تطبيقات إعلانية لتقديم الرسوم المتحركة Lottie و Dotlottie وعناصر التحكم في واجهة المستخدم للتفاعل معهم. |
| @lottiefiles/dotlottie-wc | غلاف مكون ويب لـ dotlottie-web يوفر واجهة برمجة تطبيقات تصريحية لتقديم الرسوم المتحركة Lottie و Dotlottie وعناصر التحكم في واجهة المستخدم للتفاعل معهم. |
| @lottiefiles/dotlottie-vue | غلاف مكون VUE لـ dotlottie-web الذي يوفر واجهة برمجة تطبيقات تصريفية لتقديم الرسوم المتحركة Lottie و Dotlottie وعناصر التحكم في واجهة المستخدم للتفاعل معهم. |
| @lottiefiles/dotlottie-svelte | غلاف مكون من مكونات Svelte لـ dotlottie-web يوفر واجهة برمجة تطبيقات إعلانية لتقديم الرسوم المتحركة Lottie و Dotlottie وعناصر التحكم في واجهة المستخدم للتفاعل معهم. |
ملاحظة: كل حزمة لها readme.md الخاصة بها مع وثائق مفصلة حول الاستخدام وواجهة برمجة التطبيقات.
للمساهمة في هذا المونوروبو أو استخدام حزمه في مشروعك ، اتبع خطوات الإعداد هذه:
تأكد من تثبيت ما يلي:
pnpm الإصدار 8 استنساخ monorepo:
git clone https://github.com/LottieFiles/dotlottie-web.git
cd dotlottie-webتثبيت التبعيات:
pnpm install @lottiefiles/dotlottie-web
@lottiefiles/dotlottie-react
@lottiefiles/dotlottie-vue
اكتشف كيفية تنفيذ حزم dotlottie-web مع تطبيقات الأمثلة الخاصة بنا. تعمل هذه الأمثلة كدليل عملي لمساعدتك على فهم كيفية دمج الرسوم المتحركة Lottie و Dotlottie في مشاريع الويب الخاصة بك.
الأمثلة المتاحة:
@lottiefiles/dotlottie-web لتقديم الرسوم المتحركة اللوت أو dotlottie في المتصفح.@lottiefiles/dotlottie-web في بيئة node.js. يعرض التحكم في تشغيل الرسوم المتحركة ، وتقديم الإطار حسب الإطار ، وتحويل الرسوم المتحركة dotlottie إلى ملف GIF. لمزيد من المعلومات ، راجع ReadMe. git clone https://github.com/LottieFiles/dotlottie-web.git
cd dotlottie-webpnpm installpnpm run build # Change directory to the example app folder
cd apps/dotlottie-web-example
pnpm run devلا تتردد في التعديل واللعب مع الكود لمعرفة كيف تؤثر التغييرات على الرسوم المتحركة.
لبناء جميع الحزم داخل monorepo:
pnpm run buildلبدء بيئة تنمية محلية لجميع الحزم:
pnpm run devإليك شرح موجز للبرامج النصية المتوفرة في حزمة الجذر. json:
build : يبني جميع الحزم باستخدام Turbo.changelog : يضيف تغييرات لإنشاء تحديثات changelog والإصدار.clean : تنظيف المستودع عن طريق إزالة القطع الأثرية التنموية.dev : يدير جميع الحزم في وضع التطوير/الساعة.format : تنسيق قاعدة الشفرة باستخدام أجمل وتصريح.lint : PRINTS Codebase باستخدام ESLINT.test : يقوم بتشغيل الاختبارات عبر جميع الحزم.type-check : الشيكات لأخطاء نوع typecript. للحصول على قائمة كاملة من البرامج النصية المتاحة ، راجع قسم scripts في package.json .
نرحب بالمساهمات في أي من الحزم في هذا المونوروبو. يرجى قراءة إرشاداتنا المساهمة ومدونة قواعد سلوكنا للتعرف على عملية التطوير الخاصة بنا ، وكيفية اقتراح إبعاد الأخطاء والتحسينات ، وكيفية إنشاء التغييرات الخاصة بك واختبارها على المشروع.
MIT © Lottiefiles
