প্রকল্প সম্পর্কে

PCUI (PlayCanvas UI) হলো ওয়েবসাইট এবং জটিল ওয়েব টুলসের জন্য নির্ভরযোগ্য এবং দৃশ্যত সুন্দর ইউজার ইন্টারফেস তৈরির একটি কম্পোনেন্ট লাইব্রেরি। এটি সম্পূর্ণ স্টাইলড কম্পোনেন্ট প্রদান করে যা সাধারণ ফর্ম থেকে শুরু করে গ্রাফিক্যাল UI পর্যন্ত সরাসরি পেজে ব্যবহার করা সম্ভব। এটি npm install @playcanvas/pcui এর মাধ্যমে ইনস্টল করা যায়; প্রতিটি এলিমেন্ট আলাদাভাবে ইমপোর্ট করা সম্ভব এবং স্টাইলগুলো প্রতি প্রজেক্টে একবার ইমপোর্ট করতে হয়। React ব্যবহারকারীরা @playcanvas/pcui/react থেকে কম্পোনেন্ট ইমপোর্ট করতে পারেন। এই লাইব্রেরিতে @playcanvas/observer এর উপর ভিত্তি করে একটি ডেটা বাইন্ডিং লেয়ার রয়েছে, যা অবজারভার-টু-এলিমেন্ট, এলিমেন্ট-টু-অবজারভার এবং টু-ওয়ে বাইন্ডিং সাপোর্ট করে যাতে একাধিক কম্পোনেন্ট ভ্যালু সিঙ্ক্রোনাইজ করতে পারে। কম্পোনেন্টগুলো ./src/components-এ থাকে এবং সাধারণত এতে একটি index.ts এলিমেন্ট, একটি style.scss SASS ফাইল, একটি React component.tsx র‍্যাপার এবং একটি Storybook stories ফাইল থাকে। ডেভেলপাররা কাস্টম dist বিল্ডের জন্য npm run build, কম্পোনেন্ট ব্রাউজ এবং টেস্ট করার জন্য npm run storybook এবং API রেফারেন্স তৈরি করতে npm run docs চালাতে পারেন। PCUI-তে .font-regular, .font-bold, .font-thin এবং .font-light ক্লাস ব্যবহার করা হয় যার ডিফল্ট স্ট্যাক হলো Helvetica Neue, যা কাস্টম CSS দিয়ে পরিবর্তন করা সম্ভব। PlayCanvas Editor প্রজেক্টে ব্যবহারের জন্য গাইড অনুসরণ করে একটি UMD বান্ডল তৈরি করা যেতে পারে। README-তে ইউজার ম্যানুয়াল, API রেফারেন্স, ESM উদাহরণ, React Storybook, ব্লগ এবং ফোরামের লিঙ্ক দেওয়া আছে।