الرسوم المتحركة للطباعة نص الرسوم المتحركة مع مسج TypeIt

ال التحرير والسرد من مسج والنص لا يحمل أي حدود على الويب. يمكنك بناء أي شيء تقريبًا مع القليل من الإبداع ومكتبات JavaScript المناسبة.

واحدة من هذه المكتبة هي اكتبه, كما بنيت المساعد مجانا مسج. انها تتيح لك خلق الرسوم المتحركة الكتابة الديناميكية التي تبدو واقعية بشكل لا يصدق. يمكنك حتى تحديد الإيقاف المؤقت المخصص بين ضغطات المفاتيح لإنشاء التخفيف الخاص بك للرسوم المتحركة.

TypeIt هو 100 ٪ مجاني ومفتوح المصدر ، بنيت ك أداة النص للمجتمع jQuery. جميع الوثائق متاحة على الإنترنت وسهلة المتابعة بشكل لا يصدق.

ومع ذلك ، لاحظ فقط أنه في حين يأتي TypeIt مع رخصة شخصية مجانية, التراخيص التجارية تفعل ، للأسف ، تكلف المال. ولكن ، يمكنك استخدام الترخيص الشخصي المجاني للأبد لا تنتهي أبدا, لذلك هو مورد كبير لجميع المشاريع الشخصية الخاصة بك أو حتى موقع الويب الشخصي الخاص بك.

يمكنك البدء من قبل إضافة ملف جافا سكريبت TypeIt الخام عبر CDN الحق في رأس صفحتك. ثم أضف jQuery ، اكتب بعض النصوص ، وقم بتوصيله جميعًا معًا. بسيط!

عادة ، سوف استهداف div معين على الصفحة واستخدامها كحاوية للرسوم المتحركة النص. هنا أ مقتطف رمز عينة لتظهر لك كيف يعمل هذا:

 $ ('. type-it'). typeIt (strings: ['this is my string!'])؛ 

بواسطة تمرير خيارات مخصصة إلى اكتبه() الوظيفة ، يمكنك إبطاء سرعة الكتابة وإضافة فترات توقف مؤقتة على فترات معينة ، وحتى إعادة تعيين الإعدادات على فترات زمنية معينة لتغيير سرعة الكتابة في منتصف الرسوم المتحركة.

يمكنك حتى اختبار هذه الخيارات في صفحة البرنامج المساعد إذا كنت على استعداد لقضاء بعض الوقت في اللعب مع الإعدادات.

باني الرسوم المتحركة النصية هذا هو مثال مثالي لما يمكنك القيام به مع هذا البرنامج المساعد. يمكنك الحصول على العديد من الخيارات المخصصة حتى يمكنك إنشاء تطبيق ويب, باستخدام هذا البرنامج المساعد, إلى إنشاء الرسوم المتحركة على الطاير!

في صفحة البرنامج المساعد الرئيسية ، ستجد أيضًا خيارات أكثر تقدما نحو أسفل مع قصاصات التعليمات البرمجية يمكنك نسخ.

لذا ، قم بتنزيل TypeIt وإعطائه فرصة! بمجرد أن تبدأ العمل ، إنه حقًا الكثير من المرح. وإذا كان لديك أي أسئلة أو اقتراحات للمطور ، يمكنك التواصل معه على Twitteramacarthur.