در تصویر "جن" مجموعه ای از عکس های کوچکتر است، همه با هم در یک تصویر بزرگ ضبط. هنگامی که این تصویر در تولید استفاده می شود، با استفاده از موقعیت CSS، هر عنصر نشان داد، اما بدون نشان دادن به دیگران است.
این روش به طور گسترده ای در وب سایت های مقیاس بزرگ استفاده می شود، به عنوان یک راه ایده آل بهینه سازی بار بار صفحه بارگذاری تمام تصاویر در یک بار.
روش نیز با بازی ها و موتورهای انیمیشن، که در آن تصاویر جن استفاده می شود برای ارائه کردن حلقه انیمیشن استفاده می شود.
برای این نوع از جن، انیمیشن است که به عنوان یک تصویر واحد، هر فریم ضبط بعدی به قاب قبلی رسم می شود.
سپس انیمیشن از یک فریم حرکت می کند به بعد، در یک جانشینی سریع، و به توهم یک حرکت ثابت.
از base64 اشکال ثابت اندازه: "جن متحرک" کلاس یک کتابخانه MooTools را برای ایجاد چنین دنباله انیمیشن، با استفاده از تصاویر جن و بوم HTML5
به چه چیزی جدید در این نسخه است.
در مورد نیاز:
به فعال سازی جاوا اسکریپت در سمت سرویس گیرنده
MooTools را
نظر یافت نشد