ওয়েব অ্যানিমেশন নামকরণে সরলীকৃত ধারণা

Sam Thorogood

ওয়েব অ্যানিমেশনের জন্য স্থানীয় সমর্থন প্রথমে Chrome 36-এ পাঠানো হয়েছিল, এবং Chrome 39-এ প্লেব্যাক নিয়ন্ত্রণের সাথে আপডেট করা হয়েছিল। Element.animate() পদ্ধতিটি সরাসরি JavaScript থেকে অপরিহার্য অ্যানিমেশনগুলিকে ট্রিগার করতে ব্যবহার করা যেতে পারে এবং এই অ্যানিমেশনগুলির প্লেব্যাক নিয়ন্ত্রণ করতে এর প্রত্যাবর্তিত অবজেক্ট ব্যবহার করা যেতে পারে। এই পদ্ধতিগুলি ওয়েব অ্যানিমেশন W3C স্পেকের বর্তমান খসড়ায় বিস্তারিত রয়েছে।

সক্রিয় বিকাশের অধীনে একটি শিপড পলিফিল রয়েছে যা স্থানীয়ভাবে প্রয়োগ করা সমস্ত ওয়েব অ্যানিমেশন বৈশিষ্ট্যগুলিকে ট্র্যাক করে এবং যা সমস্ত আধুনিক ব্রাউজারে সমর্থিত। এই মূল পদ্ধতিগুলি এখনই ব্যবহারের জন্য প্রস্তুত, এবং অ্যানিমেশনগুলি (যেমন Google I/O 2015 ওয়েব অ্যাপের জন্য) সমৃদ্ধ অভিজ্ঞতা তৈরির জন্য আপনার টুলবক্সের অংশ হওয়ার যোগ্য।

কনস্ট্রাক্টর এবং গ্রুপ পরিবর্তন

ওয়েব অ্যানিমেশন স্পেক এছাড়াও গ্রুপ এবং সিকোয়েন্স এবং অ্যানিমেশন এবং প্লেয়ারের জন্য কনস্ট্রাক্টর বর্ণনা করে। এগুলি ওয়েব-অ্যানিমেশন-পরবর্তী পলিফিলে উপলব্ধ রয়েছে, যা এখনও আলোচনার অধীনে থাকা বৈশিষ্ট্যগুলি প্রদর্শন করার জন্য ডিজাইন করা হয়েছে এবং এখনও স্থানীয়ভাবে প্রয়োগ করা হয়েছে। বিকাশকারীর প্রতিক্রিয়ার প্রতিক্রিয়া হিসাবে, ওয়েব অ্যানিমেশন বিকাশকারী দল এই বৈশিষ্ট্যগুলিকে আরও স্ব-ব্যাখ্যামূলক করার জন্য নতুন নামকরণ করছে।

এফএক্সটিএফ সম্প্রতি অস্ট্রেলিয়ার সিডনিতে দেখা করেছে এবং নামকরণ নিয়ে আলোচনা করেছে , কারণ অনেক ডেভেলপার নামকরণের কিছু বিভ্রান্তিকর বিষয়ে বৈধ পয়েন্ট উত্থাপন করেছে। ফলস্বরূপ, নিম্নলিখিত নামকরণ পরিবর্তনগুলি সম্মত হয়েছিল:

• অ্যানিমেশন হয়ে ওঠে KeyframeEffect
• অ্যানিমেশন সিকোয়েন্স সিকোয়েন্স ইফেক্ট হয়ে যায়
• AnimationGroup হয়ে ওঠে GroupEffect
• অ্যানিমেশন প্লেয়ার অ্যানিমেশন হয়ে যায়

মনে রাখবেন যে যখন অ্যানিমেশন এবং তাদের প্লেয়ারগুলি ক্রোমে স্থানীয়ভাবে উপলব্ধ এবং পলিফিলের অংশ হিসাবে, সেগুলি বর্তমানে সরাসরি Element.animate() পদ্ধতির মাধ্যমে তৈরি করা হয়েছে৷ Element.animate() পদ্ধতি ব্যবহার করে বিদ্যমান কোডে কোনো পরিবর্তনের প্রয়োজন হবে না।

নতুন নামগুলি প্রতিটি বস্তুর দ্বারা প্রদত্ত আচরণকে আরও সঠিকভাবে উপস্থাপন করে। KeyframeEffect , উদাহরণস্বরূপ, কীফ্রেম-ভিত্তিক প্রভাবগুলি বর্ণনা করে যা HTML উপাদানগুলিকে লক্ষ্য করতে পারে৷ বিপরীতে, নতুন Animation অবজেক্ট অনেকগুলি রাজ্যের একটিতে একটি অ্যানিমেশন উপস্থাপন করে (যেমন প্লে করা, বিরতি দেওয়া ইত্যাদি)।

সোর্সকোড ইফেক্ট

আপনি যদি ওয়েব-অ্যানিমেশন-পরবর্তী পলিফিলের মাধ্যমে খসড়া বৈশিষ্ট্যের অংশগুলি ব্যবহার করেন, তাহলে এই নতুন নামগুলি প্রতিফলিত করার জন্য আপনাকে অবচয় সময়ের মধ্যে আপনার কোড আপডেট করতে হবে। পলিফিল পরিবর্তন নীতি অনুসারে, আমরা একটি পুরানো সংস্করণকে তিন মাসের জন্য সমর্থন করার লক্ষ্য রাখি এবং আপনার সাইট যদি অবহেলিত বৈশিষ্ট্য বা নাম ব্যবহার করে তবে কনসোল সতর্কতা বিবৃতি প্রদান করা।

আপনি যদি এই বৈশিষ্ট্যগুলি ব্যবহার করে দেখতে আগ্রহী হন, তাহলে এই নতুন নামগুলির সুবিধা নিতে পলিফিলের v2 প্রকাশের দিকে নজর রাখুন৷ পরিশেষে, অন্য কোনো পরিবর্তন সম্পর্কে শুনতে ওয়েব-অ্যানিমেশন-পরিবর্তন গোষ্ঠীতে সদস্যতা নিতে ভুলবেন না।