لهجه جاوااسکریپت تحت عنوان یکیاز قدرتمندترین ابزارها برای ساختوساز برنامه کودکان های متنی در اینترنت شناخته میشه. کتابخانه های مختلفی به گویش جاوااسکریپت وجود دارن که تجهیزات متعددی رو برای متحرکسازی متن ارائه میدن. یکیاز پر اسم و رسم ترین کتابخانه ها برای این عمل، Anime.js میباشد. طراحی سایت در مشهد برای به کارگیری از Anime.js، نخستین می بایست اون رو به کدهای کاغذ اینترنت یا این که همون کدهای HTML متن متحرک اضافه فرمائید. میتونید این عمل رو با افزودن لینک و پیوند به CDN یا این که دانلود و افزودن پوشه های مربوطه اعمال بدید.
بعداز اون به راحتی با استعمال از Anime.js میتونید برنامه خردسالان های مختلفی روی متن خودتون طراحی که بی غایت تنوع داره. تحت عنوان یک نمونه بی آلایش، برای ساخت یک تکان از راست به چپ برای متن، این کد رو میتونید به کار گیری فرمایید:
درین نمونه، Anime.js این قابلیت رو مهیا میکنه تا متن رو با به کار گیری از translateX از شرایط اول (-250 px از سمت راست) به شرایط متبوع (0px، یعنی شرایط اول) تکان بدیم. همینطور، با به کارگیری از opacity مقدار شفافیت رو از 0 به 1 تغییر تحول میدیم تا متن با این خصوصیات ظواهر گردیده و تکان کنه.
عمل duration اینه که مشخص و معلوم میکنه این برنامه کودکان چه برهه زمانی اعمال بشه که در اینجا 1.5 ثانیه درنظر گرفته گردیده.
easingهم نوع کارتن رو معین میکنه که دلخواه است.
نکات اصلی در متحرک سازی متن
به کار گیری از برنامه کودک و متن متحرک در صفحه های متفاوت و با اهدف متفاوت، چیزی وجود ندارد که بشه از اون دیده پوشی کرد و بالاخره به اون نیاز پیدا می کنیم البته رعایت تعدادی از نکات میتونه کدهای HTML متن متحرک رو با صرفه خیس کرده و از بروز ایراد در سود استعمال از اونها، پیش گیری کنه. به دنبال این نکات رو به طور خلاصه تحقیق میکنیم.
به کار گیری از کارتن های بی آلایش
به کار گیری از افکت ها و کارتون های معمولی، کمترین توشه رو بر روی پردازنده و مرورگر زور میکنه. تعیین تکان های معمولی مثل تغییرات کوچیک در جای یا این که اندازه و رنگ متن میتونه چهت نیل به مقصود اساسی که جلب اعتنا یا این که جابجایی عالی پیام است کافی باشه و سرعت بار گذاری ورقه رو در شایسته ترین شرایط مراقبت کنه. مگر اینکه فضای تارنما شما ایجاب کنه از کارتن های بیشتر و غامض خیس به کار گیری نمایید.
کاهش تعداد و زمان فرصت برنامه کودک
فاکتور آتی، تعداد و فرصت اجرای کارتن هاست. یعنی حتی با فرض بی آلایش بودن برنامه کودکان متحرک سازی متن، چنانچه تعداد اونها یا این که دفعات تکرار و اعمال زیاد باشه، گشوده هم اختلال پیشین پابرجا خواهد بود. پس کوشش فرمائید صرفا در مواقع نیاز و به تعداد کافی اینکارو اجرا بدید.
استعمال از تکنیک های Pre-Loading
به کارگیری از تکنیک هایی مثل Lazy Loading برای بار گذاری برنامه کودک ها و حتی تصاویر در لحظه ای که نیاز به اکران اونها وجود داره میتونه امداد کننده باشد و فارغ از تولید شم معطلی در مخاطب، مجال کافی برای بار گذاری شدن کارتون ها مهیا باشه. این عمل سبب کاهش فرصت لود اول کاغذ میشه و تا حدی توشه منفی کارتون های مصرف شده روی بار گذاری شیت رو خنثی میکنه.