Velocity (JavaScript library)
ভেলোসিটি হল একটি ক্রস-প্ল্যাটফর্ম জাভাস্ক্রিপ্ট লাইব্রেরি যা ওয়েবসাইট অ্যানিমেশনের ক্লায়েন্ট-সাইড স্ক্রিপ্টিংকে সহজ করার জন্য ডিজাইন করা হয়েছে। ভেলোসিটি হল এম. আই. টি লাইসেন্সের অধীনে লাইসেন্সপ্রাপ্ত একটি মুক্ত, ওপেন সোর্স সফ্টওয়্যার। এটি সবচেয়ে জনপ্রিয় ওপেন সোর্স ওয়েব অ্যানিমেশন ইঞ্জিন। ভেলোসিটির সিনট্যাক্স এইচটিএমএল এবং এসভিজি উপাদানগুলির জন্য জটিল অ্যানিমেশন তৈরি করা সহজ করার জন্য ডিজাইন করা হয়েছে। ওয়ার্কফ্লো সুবিধা ছাড়াও, ভেলোসিটি অ্যানিমেশন পারফরম্যান্স প্রদান করে যা সিএসএস-ভিত্তিক অ্যানিমেশনের সাথে প্রতিযোগিতামূলক। গতিবেগ অ্যানিমেশন অবস্থার একটি অভ্যন্তরীণ ক্যাশে বজায় রেখে এবং "লেআউট থ্র্যাশিং", যা ওয়েব ব্রাউজারগুলি দ্রুত হারে দৃশ্যমানভাবে আপডেট করার সময় যে অবাঞ্ছিত আচরণের মধ্য দিয়ে যায় তা হ্রাস করে তার কার্যকারিতা অর্জন করে। সামগ্রিকভাবে, এর কর্মপ্রবাহ এবং কর্মক্ষমতা সুবিধাগুলি ভেলোসিটি-কে পরিশীলিত অ্যানিমেশন প্রোগ্রামিংয়ের জন্য ব্যবহার করার অনুমতি দেয় যা ওয়েব এবং মোবাইল অ্যাপ্লিকেশন উভয় ক্ষেত্রেই সংহত করা যেতে পারে। এর বিস্তৃত ব্রাউজার এবং ডিভাইস সমর্থন এটিকে বড় এন্টারপ্রাইজ ডিস্ট্রিবিউশনের জন্য আদর্শ করে তোলে যা অবশ্যই কম-চালিত ডিভাইসগুলিকে সমর্থন করবে। উবার, স্যামসাং, হোয়াটসঅ্যাপ, টাম্বলার, এইচটিসি, মাজদা এবং মাইক্রোসফ্ট উইন্ডোজ সহ অনেক উল্লেখযোগ্য ওয়েবসাইটের ইউজার ইন্টারফেসগুলিকে পাওয়ার করতে ভেলোসিটি ব্যবহার করা হয়। এটি কোড হোস্টিং পরিষেবা গিটহাবের সবচেয়ে পছন্দের প্রকল্পগুলির মধ্যে একটি। 2015 সালে, দ্য নেট অ্যাওয়ার্ডস দ্বারা ভেলোসিটি ওপেন সোর্স প্রজেক্ট অফ দ্য ইয়ারের জন্য মনোনীত হয়েছিল। ভেলোসিটির বৈশিষ্ট্যগুলির মধ্যে রয়েছেঃ ব্রাউজার উইন্ডো এবং এলিমেন্ট স্ক্রোলিং জেকুয়েরি ফ্রেমওয়ার্ক থেকে স্বাধীনতা অ্যানিমেশন রিভার্সাল (পূর্ববর্তী অ্যানিমেশনটি পূর্বাবস্থায় ফিরিয়ে আনার ক্ষমতা) এবং অ্যানিমেশন লুপিং এসভিজি এলিমেন্ট অ্যানিমেশন আরজিবি এবং হেক্স কালার অ্যানিমেশন সিএসএস-এর ট্রান্সফর্ম প্রপার্টি অ্যানিমেশন স্প্রিং ইজিং টাইপের মাধ্যমে ভেলোসিটির ইউআই প্যাক ফিজিক্স-ভিত্তিক গতির মাধ্যমে প্রাক-নির্মিত অ্যানিমেশন প্রভাব ইন্টিগ্রেশন প্রতিশ্রুতি ব্রাউজার সমর্থন ভেলোসিটি সমস্ত প্রধান ডেস্কটপ ব্রাউজার (ফায়ারফক্স, গুগল ক্রোম এবং সাফারি) এবং আইওএস এবং অ্যান্ড্রয়েড মোবাইল অপারেটিং সিস্টেমগুলিকে সমর্থন করে। এর সমর্থন ইন্টারনেট এক্সপ্লোরার 8 এবং অ্যান্ড্রয়েড 2.3 পর্যন্ত প্রসারিত। ব্যবহার গ্রন্থাগার সহ ভেলোসিটি গ্রন্থাগার একটি একক জাভাস্ক্রিপ্ট ফাইল যা এর সমস্ত মূল ফাংশন ধারণ করে। এটি একটি স্থানীয় অনুলিপির সাথে লিঙ্ক করে বা ম্যাক্সসিডিএন-এর জেএসডিলিভার বা ক্লাউডফ্লেয়ারের সিডিএনজে সহ পাবলিক সার্ভার থেকে উপলব্ধ অনেকগুলি অনুলিপির মধ্যে একটির সাথে লিঙ্ক করে একটি ওয়েব পেজের মধ্যে অন্তর্ভুক্ত করা যেতে পারে। <স্ক্রিপ্ট src = "velocity.min.js"> </স্ক্রিপ্ট> কন্টেন্ট ডেলিভারি নেটওয়ার্ক থেকে সরাসরি ভেলোসিটি অন্তর্ভুক্ত করাও সম্ভব। (অখণ্ডতা বৈশিষ্ট্যটি সাবসোর্স অখণ্ডতার জন্য ব্যবহৃত হয়।) সম্পদের জন্য সর্বদা এইচটিটিপিএস ব্যবহার করার পরামর্শ দেওয়া হয় তবে প্রোটোকল সম্পর্কিত ইউআরএল ব্যবহার করার জন্য এটি// দিয়ে প্রতিস্থাপন করা যেতে পারে। <স্ক্রিপ্ট src = "https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.min.js" অখণ্ডতা = "sha384-fcLDUAwcSMMfmpKMJ0dO2// SL2WJ5/kkyz/yvgtMLXBEp3GdqrQF9ahRerhdLXn +" ক্রসওরিজিন = "বেনামী"> </স্ক্রিপ্ট> ব্যবহার শৈলী ভেলোসিটির দুটি ব্যবহার শৈলী রয়েছেঃ $. ভেলোসিটি ফাংশন, যা জেকুয়েরি মূল বস্তু থেকে প্রসারিত একটি ফ্যাক্টরি পদ্ধতি। এই পদ্ধতিটি জেকুয়েরি-মোড়ানো উপাদানগুলির পরিবর্তে কাঁচা ডিওএম উপাদানগুলিকে অ্যানিমেট করে। পেজে জেকুয়েরি ছাড়া ভেলোসিটি ব্যবহার করার সময় এই শৈলীটি ব্যবহার করা হয়। $element.velocity () ফাংশন। এই শৈলীটি পৃষ্ঠায় জেকুয়েরি উপস্থিত থাকলে জেকুয়েরি উপাদান বস্তুগুলিকে অ্যানিমেট করার জন্য ব্যবহৃত হয়। ভেলোসিটিতে অ্যানিমেশন কলগুলি অ্যানিমেট করার জন্য পছন্দসই উপাদান (গুলি) সরবরাহ করে, অ্যানিমেটেড হওয়ার জন্য সিএসএস বৈশিষ্ট্যগুলি নির্দিষ্ট করার জন্য একটি অ্যানিমেশন সম্পত্তি মানচিত্র এবং অ্যানিমেশন সেটিংস নির্দিষ্ট করার জন্য একটি ঐচ্ছিক বিকল্প বস্তু (যেমন। সময়কাল)। আর্গুমেন্ট ভেলোসিটি এক বা একাধিক আর্গুমেন্ট গ্রহণ করে। প্রথম আর্গুমেন্ট, যা প্রয়োজন, তা পূর্বনির্ধারিত ভেলোসিটি কমান্ডের নাম হতে পারে (যেমন। স্ক্রোল বা বিপরীত) অথবা অ্যানিমেটেড হওয়ার জন্য সিএসএস বৈশিষ্ট্যযুক্ত একটি বস্তুঃ// একটি উপাদানের প্রস্থ 100পিএক্স এবং তার বাম বৈশিষ্ট্য 200পিএক্স $element.velocity ({প্রস্থঃ "100পিএক্স", বামঃ "200পিএক্স"})-এ অ্যানিমেট করুন; দ্বিতীয় যুক্তি, যা ঐচ্ছিক, একটি বস্তু। এটি অ্যানিমেশন বিকল্পগুলি নির্দিষ্ট করতে ব্যবহৃত হয় যেমন সময়কাল, সহজ করা এবং সম্পূর্ণ (অ্যানিমেশন সম্পন্ন হওয়ার পরে কার্যকর করার জন্য একটি স্বেচ্ছাচারী ফাংশন):// 100s বিলম্বের জন্য বিরতি দেওয়ার পরে 1000 মিমি সময়কালে একটি উপাদানের প্রস্থকে 100পিএক্স-এ অ্যানিমেট করুন। $element.velocity ({প্রস্থঃ "100পিএক্স"}, {সময়সীমাঃ 1000, বিলম্বঃ 100}); শৃঙ্খল গতিতে ধারাবাহিক অ্যানিমেশন কলগুলির একটি সিরিজ তৈরি করা লক্ষ্য জেকুয়েরি উপাদান বস্তুর উপর বেগ () কলগুলি ব্যাক-টু-ব্যাক স্থাপন করেঃ $উপাদান. বেগ ({উচ্চতাঃ 300}, {সময়সীমাঃ 1000})// আগের অ্যানিমেশনটি শেষ হওয়ার পরে এই অ্যানিমেশনে চালিয়ে যান। বেগ ({শীর্ষঃ 200}, {সময়সীমাঃ 600})/এবং আরও একবার. বেগ ({অস্বচ্ছতা 0}, {সময়সীমাঃ 200}); গতিতে স্ক্রলিং এবং বিপরীত স্ক্রলিং ভেলোসিটির হিসাবে "স্ক্রোল" পাস করা নিয়ে গঠিত। ভেলোসিটিতে অ্যানিমেশন রিভার্সাল ভেলোসিটির প্রথম যুক্তি হিসাবে "বিপরীত" পাস নিয়ে গঠিতঃ// একটি উপাদানের উচ্চতা $element.velocity ({উচ্চতাঃ "500 পিক্স"}, {সময়কালঃ 500});// পূর্ববর্তী অ্যানিমেশনটি বিপরীত করুন; পূর্ববর্তী সময়কাল $element.velocity ("বিপরীত") ব্যবহার করে উপাদানটির মূল উচ্চতায় ফিরে যান; ভেলোসিটির বিপরীত কমান্ড পূর্ববর্তী কলটিতে ব্যবহৃত অ্যানিমেশন বিকল্পগুলিতে ডিফল্ট হয়। একটি নতুন বিকল্প বস্তুতে পাস করা পূর্ববর্তীটিকে প্রসারিত করেঃ $element.velocity ({উচ্চতাঃ "500 পিক্স"}, {সময়সীমাঃ 500});// পূর্ববর্তী বিপরীত কলের বিকল্প বস্তুটিকে একটি নতুন সময়কাল মান $element.velocity ("বিপরীত", {সময়সীমাঃ 1000}) দিয়ে প্রসারিত করুন; ইতিহাস বেগ জুলিয়ান শাপিরো দ্বারা পারফর্ম্যান্ট এবং ডিজাইনার-ভিত্তিক জাভাস্ক্রিপ্ট অ্যানিমেশন লাইব্রেরির অভাবকে সম্বোধন করার জন্য তৈরি করা হয়েছিল। স্ট্রাইপ, একটি জনপ্রিয় ওয়েব ডেভেলপার-কেন্দ্রিক ইন্টারনেট প্রযুক্তি সংস্থা যা ভেলোসিটিতে পূর্ণ-সময়ের উন্নয়ন চালিয়ে যাওয়ার জন্য প্রয়োজনীয় আর্থিক সংস্থান সরবরাহ করতে সহায়তা করার জন্য একটি অনুদানের উপর শাপিরোকে স্পনসর করেছিল। ভেলোসিটির অভ্যন্তরীণ অ্যানিমেশন ইঞ্জিনের উচ্চ কার্যকারিতা জাভাস্ক্রিপ্ট-ভিত্তিক ওয়েব অ্যানিমেশনকে পুনরায় জনবহুল করতে সহায়তা করেছিল, যা আগে পুরানো জাভাস্ক্রিপ্ট লাইব্রেরির তুলনায় গতির সুবিধার কারণে সিএসএস-ভিত্তিক অ্যানিমেশনের পক্ষে পড়েছিল যা অ্যানিমেশনে ফোকাসের অভাব ছিল। 2014 সালের সেপ্টেম্বরে, শাপিরো ভেলোসিটি মোশন ডিজাইনার প্রকাশ করে, যা লাইভ প্রোডাকশন ওয়েবসাইটগুলিতে অ্যানিমেশন ডিজাইনের জন্য একটি সরঞ্জাম যা একটি আইডিই-এর মধ্যে পরবর্তী ব্যবহারের জন্য উত্পন্ন অ্যানিমেশন কোডের রিয়েল-টাইম রফতানির অনুমতি দেয়। মার্চ 2015 সালে, পিচপিট জাভাস্ক্রিপ্ট বই ব্যবহার করে শাপিরোর ওয়েব অ্যানিমেশন প্রকাশ করে, যা ভেলোসিটি ব্যবহার করে ওয়েব অ্যানিমেশন বিকাশের সূচনা এবং উন্নত নীতি উভয়ই শেখায়। 2015 সালের মাঝামাঝি পর্যন্ত, ভেলোসিটি কেবলমাত্র শাপিরো দ্বারা উন্নত এবং রক্ষণাবেক্ষণ করা অব্যাহত রয়েছে। পেশাদার এন্টারপ্রাইজ পরিবেশে ভেলোসিটির ব্যবহার ছাড়াও, এটি ওয়েব ডেভেলপমেন্ট পরীক্ষা-নিরীক্ষা এবং শিক্ষানবিস অনুশীলনের জন্যও ব্যাপকভাবে ব্যবহৃত হয়। ভেলোসিটির উপরে নির্মিত প্রুফ-অফ-কনসেপ্ট ওয়েব ডেভেলপমেন্ট প্রকল্পগুলি সাধারণত কোডপেনে (উদাহরণস্বরূপ) পোস্ট করা হয়, যা একটি শীর্ষস্থানীয় কমিউনিটি কোড শেয়ারিং পরিষেবা। আরও দেখুন D3.js রাফায়েল Three.js জেকুয়েরি জাভাস্ক্রিপ্ট কাঠামো জাভাস্ক্রিপ্ট লাইব্রেরি আরও পড়া জেকুয়েরি ছাড়াই অ্যানিমেশন কীভাবে সহজেই অ্যানিমেশন যুক্ত করতে ভেলোসিটি ব্যবহার করা যায় Velocity.js বাহ্যিক লিঙ্কগুলি ব্যবহার করে দ্রুত ইউআই অ্যানিমেশন ভেলোসিটি ডেমো গ্যালারি রেফারেন্স জাভাস্ক্রিপ্ট লাইব্রেরি এমআইটি লাইসেন্স 2014 সফ্টওয়্যার ব্যবহার করে জাভাস্ক্রিপ্ট অ্যাজাক্স (প্রোগ্রামিং) সফ্টওয়্যারে প্রোগ্রাম করা ফ্রি সফ্টওয়্যার