ড্রয়িং এবং অ্যানিমেশন

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

CSS transforms

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

CSS transitions

সিএসএস ট্রানজিশন আপনাকে অ্যানিমেশন তৈরি করার সুবিধা দেয়। যখন একটি ট্রানজিশন ইফেক্ট কনফিগার করা হয়ে যায়, তখন সাথে সাথেই আপনার সিএসএসে পরিবর্তন না হয়ে, নির্দিষ্ট কিছু সময় পরপর হয়। এতে করে সহজে ও কার্যকরভাবে আপনার অ্যাপে বিভিন্ন রকমের ইফেক্ট তৈরি করা যায়।

CSS animations

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

HTML canvas

HTML <canvas> এলিমেন্ট আপনার আঁকা-আঁকির জন্য একটি 2D গ্রাফিক্স ওয়ার্কস্পেস প্রদান করে। 2D গেম সহ এটি আরও অনেক কাজে ব্যবহার করা হয়।

WebGL

WebGL হচ্ছে OpenGL ES এর একটি ওয়েব-বান্ধব সংস্করণ, যেটি আপনার অ্যাপে হার্ডওয়্যার-অ্যাক্সিলারেটেড 3D গ্রাফিক্স ব্যবহারের সুবিধা প্রদান করে।

SVG

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