AppMaster-এ, আপনি ওয়েব অ্যাপ্লিকেশন যেমন ভিজ্যুয়াল এফেক্ট, শব্দ এবং আরও অনেক কিছুতে ইন্টারেক্টিভ উপাদান যোগ করতে পারেন। এই নিবন্ধে, আমরা আপনাকে দেখাব কিভাবে একে অপরের সাথে একত্রে ফায়ার কনফেটি এবং প্লে সাউন্ড ব্লক উভয়ই ব্যবহার করতে হয়।
এই নিবন্ধে বর্ণিত উদাহরণটি খুবই সহজ যাতে অ্যাপমাস্টার প্ল্যাটফর্মের সাথে কাজ করার জ্ঞানের যে কোনও স্তরের পাঠক এই ব্লকগুলি ব্যবহার করার সারমর্ম বুঝতে পারে এবং তাদের প্রয়োগের জন্য তাদের মানিয়ে নিতে পারে।
ধরা যাক আমাদের ওয়েব অ্যাপ্লিকেশনটিকে ব্যবহারকারীর লগইন ইভেন্টে কোনওভাবে প্রতিক্রিয়া জানাতে হবে। যথা, কনফেটি একটি সফল লগইন সহ পর্দায় অঙ্কুরিত হয় এবং একটি নির্দিষ্ট সুর বাজানো হয়। নীচের ছবিতে এটির মত দেখাচ্ছে (যেহেতু এটি একটি অ্যানিমেশন, এটি অ্যানিমেশন হওয়ায় শব্দ সংহত করার কোন উপায় নেই, তবে আপনি নিজেই ফলাফলটি পরীক্ষা করতে পারেন):
প্রথমত, প্লে সাউন্ড এবং ফায়ার কনফেটি ব্যবসায়িক প্রক্রিয়া ব্লকগুলিকে ঘনিষ্ঠভাবে দেখে নেওয়া যাক।
1. প্লে সাউন্ড - একটি ব্যবসায়িক প্রক্রিয়ার একটি ব্লক যা একটি প্রদত্ত লিঙ্কে একটি ফাইল থেকে শব্দ বাজায়।
URL (mp3) [স্ট্রিং] - ফাইলের পথ। অ্যাপ্লিকেশানের ফাইল স্টোরেজ থেকে ফাইলের পাথ নির্দিষ্ট করা ভাল অভ্যাস, তাহলে URLটি দেখতে /api/_file/<ID>/download/ এর মত হবে, যেখানে ID হল অ্যাপ্লিকেশন ব্যাকএন্ডে ফাইল আইডি।
2. ফায়ার কনফেটি - একটি ব্যবসায়িক প্রক্রিয়া ব্লক যা বর্তমান ব্যবহারকারীর জন্য কনফেটি ফায়ার করে।
- প্রিসেট [vmodel] - আপনাকে কনফেটি শুটিংয়ের জন্য অ্যানিমেশন নির্বাচন করতে দেয়
- কামান
- আতশবাজি
- বাস্তববাদী
- তুষার
- স্কুলের গর্ব
- সময়কাল (ms) [পূর্ণসংখ্যা] - ms এ অ্যানিমেশন সময়কাল
- অবস্থান শীর্ষ (%) [পূর্ণসংখ্যা] - স্ক্রিনের শীর্ষ থেকে ট্রিগার পয়েন্টের বিচ্যুতি
- বাম অবস্থান (%) [পূর্ণসংখ্যা] - স্ক্রিনের বাম দিক থেকে ট্রিগার পয়েন্টের বিচ্যুতি
- কণা গণনা [পূর্ণসংখ্যা] - কনফেটি কণার সংখ্যা
- কোণ [পূর্ণসংখ্যা] - কোণ
- রং [স্ট্রিং অ্যারে] - কনফেটি কণা রং
ব্যবসা প্রক্রিয়া নিজেই সেট আপ করতে এগিয়ে চলুন. আমাদের উদাহরণে, কনফেটি একটি সফল ব্যবহারকারী লগইন করার পরে বহিস্কার করা হয়। এইভাবে, লগইন বোতামের সাথে যুক্ত ব্যবসায়িক প্রক্রিয়ায় সমস্ত প্রয়োজনীয় পরিবর্তন করা হবে।
ব্যবসায়িক প্রক্রিয়ায় এমন একটি মুহূর্ত খুঁজে বের করা প্রয়োজন যা ব্যবহারকারীকে সফল লগইন করার পর পরবর্তী পৃষ্ঠায় পুনঃনির্দেশ করে, যথা নেভিগেট ব্লক। ব্যবসায়িক প্রক্রিয়ার আমাদের পরিবর্তন নিম্নরূপ:
ফায়ার কনফেটি ব্লক সেটিংস যা এখানে ব্যবহৃত হয়:
- প্রিসেট = Cannon;
- সময়কাল (ms) = 1;
- কণার সংখ্যা = 500;
- কোণ = 30।
প্লে সাউন্ড ব্লকের ইনপুট মিউজিক ফাইলের পাথ গ্রহণ করে যা পূর্বে অ্যাপ্লিকেশন সার্ভারে আপলোড করা হয়েছিল।
সুতরাং, এই নিবন্ধে আমরা প্লে সাউন্ড এবং ফায়ার কনফেটি ইন্টারেক্টিভ ব্লক ব্যবহার করার সম্ভাবনাগুলি বর্ণনা করেছি। এগুলি কীভাবে কাজ করে তা বোঝার পরে, আপনি আরও জটিল পরিস্থিতির জন্য সেগুলি নিজেই ব্যবহার করতে পারেন।