কিভাবে 3D মডেল এডিটর ব্লকবেঞ্চ আইড্রপার API ব্যবহার করে ব্যবহারকারীদের সব জায়গা থেকে রং বেছে নিতে দেয়

EyeDropper API একটি আইড্রপার টুল তৈরি করার জন্য একটি প্রক্রিয়া প্রদান করে যা ব্যবহারকারীদের ব্রাউজার উইন্ডোর বাইরে সহ তাদের স্ক্রীন থেকে রঙের নমুনা দিতে দেয়। 3D মডেল এডিটর ব্লকবেঞ্চ কীভাবে তাদের কোডবেসে এই API ব্যবহার করে তা জানুন।

Thomas Steiner

Jannis Petersen

ভূমিকা

(এই নিবন্ধটি একটি ভিডিও আকারে উপলব্ধ।)

ব্লকবেঞ্চ হল পিক্সেল আর্ট টেক্সচার সহ লো-পলি মডেলগুলির জন্য একটি বিনামূল্যে, আধুনিক মডেল সম্পাদক৷ আপনি যদি কখনও Minecraft খেলে থাকেন, তাহলে সম্ভবত আপনি Blockbench-এর সাহায্যে তৈরি করা সম্পদ দেখেছেন, উদাহরণস্বরূপ ছাগল, যা Minecraft-এ Caves and Cliffs Update, Part 1-এর অংশ হিসেবে যোগ করা হয়েছিল। GPL সংস্করণ 3 লাইসেন্সপ্রাপ্ত ব্লকবেঞ্চ কোড খোলা আছে গিটহাবের উৎস ।

Blockbench চেষ্টা করতে, web.blockbench.net এ নেভিগেট করে অ্যাপটি চালু করুন। একটি PWA হিসাবে, আপনি এটিকে আপনার ডেস্কটপে ইনস্টল করতে পারেন এবং এটি একটি স্বতন্ত্র উইন্ডোতে চালু করতে পারেন। আপনি যদি 3D মডেলিং-এ নতুন হন, আপনি অনেকগুলি ওপেন সোর্স .bbmodel ফাইলের উদাহরণগুলির মধ্যে একটি দিয়ে শুরু করতে পারেন যা আপনি GitHub-এর কোড অনুসন্ধান ব্যবহার করে খুঁজে পেতে পারেন৷ উদাহরণস্বরূপ, ট্রেনের মডেলটি চেষ্টা করুন যা আপনি নিম্নলিখিত স্ক্রিনশটে দেখতে পাচ্ছেন।

আইড্রপার এপিআই

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

এটি আসলে একটি কমলা যা আমি সরাসরি MacOS Ventura ওয়ালপেপার থেকে EyeDropper API এর মাধ্যমে বের করেছি। আপনি নিম্নলিখিত স্ক্রিনশটটিতে দেখতে পাচ্ছেন, আই ড্রপার (অ্যাপ উইন্ডোর বাম দিকের কমলা বৃত্ত) অ্যাপ্লিকেশনের বাইরে সরাসরি আমার ডেস্কটপে বা অন্য কোনো অ্যাপে পৌঁছাতে পারে যা আমি খোলা থাকতে পারে।

ব্লকবেঞ্চ ওপেন সোর্স হওয়ার সাথে সাথে, আপনি শিখতে পারেন কিভাবে ডেভেলপাররা এপিআই প্রয়োগ করেছে। প্রশ্নে থাকা কোডটি JannisX11/blockbench/blob/master/js/texturing/color.js এ রয়েছে। ব্লকবেঞ্চ একটি Electron.js অ্যাপ হিসাবেও উপলব্ধ। আপনি মন্তব্য থেকে দেখতে পাচ্ছেন, ইলেক্ট্রনে একটি সমস্যার জন্য এটির বিশেষ কেস হ্যান্ডলিং রয়েছে, যেখানে রঙ চয়নকারী উইন্ডোর বাইরে রঙ চয়ন করতে পারে না। ওয়েব API এর সাথে, যা আপনি কোড স্নিপেটের হাইলাইট করা অংশে দেখতে পারেন, এটি কোনও সমস্যা নয়। API ব্যবহার করা সোজা। একটি নতুন EyeDropper দৃষ্টান্ত স্থাপন করুন এবং এটির open() পদ্ধতিতে কল করুন। এই পদ্ধতিটি হেক্সাডেসিমেল sRGB ফর্ম্যাটে নির্বাচিত রঙের প্রতিনিধিত্বকারী একটি sRGBHex স্ট্রিং দিয়ে সমাধান করে।

new Action("pick_screen_color", {
  icon: "colorize",
  category: "color",
  condition: () => typeof EyeDropper == "function",
  click: async function () {
    if (Blockbench.platform == "win32") {
      // workaround for https://github.com/electron/electron/issues/27980
      ipcRenderer.send("request-color-picker", {
        sync: settings.sync_color.value,
      });
    } else if (typeof EyeDropper == "function") {
      let dropper = new EyeDropper();
      let { sRGBHex } = await dropper.open();
      ColorPanel.set(sRGBHex);
    }
  },
});

উপসংহার

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