Skriptni yaxshiroq qilish. Tutun etarli darajada yumshatmaydi

Men tutunni jonlantirish uchun ssenariy yaratdim. Uch png faylini jonlantiraman. Ushbu png fayllari tutun tasvirlari bo'lgan fayllardir.

Ammo ba'zida skript biroz chigallashadi va tutun animatsiyasi silliq emas. Ba'zan Smoke-ni qayta yuklashda animatsiya silliq emas.

Tuman animatsiyasi muammosiz ishlashi uchun muammoni qanday hal qilishim mumkin.

Skriptni va demoni jsfiddle (tahrirlash mumkin) da ko'rishingiz mumkin:

Jsfiddle skripti

8
Siz barcha brauzerlarda yoki brauzerda chayqalishni ko'rasizmi? Firefox 7da, Linuxda chiriganlikni ko'rmayapman.
qo'shib qo'ydi muallif stivlo, manba
ajoyib sir super !!!
qo'shib qo'ydi muallif abhijit, manba
@rkw: gif faqat ikkilik shaffoflikka imkon beradi, bu albatta yomon ko'rinadi.
qo'shib qo'ydi muallif Joachim Sauer, manba
Siz shunday qilishingiz mumkin: 0. u ajoyib ko'rinadi :) 1. barcha div'laringizni avval boshida bir marta yarating va ularni qayta kiriting; 2. uni olib tashlash o'rniga joriy div ni ajratib oling; 3. tutun elementini keshlash;
qo'shib qo'ydi muallif Irishka, manba
Men ta'siri yaxshi ko'raman. Men faqat bir marta chandiq ko'rdim, lekin juda qisqa edi. Siz faqat animatsiyali gifni joylashtirmasligingizning sababi bormi?
qo'shib qo'ydi muallif rkw, manba
Men faqat tutun sprites yuklayotgan bir necha chiriganlik ko'rdim.
qo'shib qo'ydi muallif Leonardo Herrera, manba
@Irishka: Men uning tutun elementini keshlashni sinab ko'rdim; vaqti-vaqti bilan animatsiya hijobini hal qilmadi.
qo'shib qo'ydi muallif weir, manba

1 javoblar

Juda zo'r.

Animatsiya uchun transform ( -webkit-transform , -moz-transform va -o-transform ) dan foydalanish pastki tomonidan mutlaq joylashishni aniqlash o'rniga harakatlanish eng ko'p brauzerlarning apparat tezlashmasiga tekkizilishiga olib keladi, bu titrash haqida g'amxo'rlik qilishi kerak.

Biroq, IE haqida bilmayman ...

1
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb