রঙ বিন্যাস

রঙের মানগুলি HSV বা RGB ফর্ম্যাটে বা একটি রঙের নাম ব্যবহার করে দেওয়া যেতে পারে।

হিউ-স্যাচুরেশন-মান

একটি রঙ সংজ্ঞায়িত করার সবচেয়ে সহজ উপায় হল 0-360 এর মধ্যে একটি সংখ্যা, হিউ-স্যাচুরেশন-মান (HSV) রঙের মডেলে বর্ণ সংজ্ঞায়িত করে।

সমস্ত ব্লকের রঙের জন্য স্যাচুরেশন এবং মান স্থির সহ HSV ব্যবহার করে আপনি একটি ব্লক রঙ নির্বাচন করতে পারবেন এবং নিশ্চিত করুন যে সমস্ত ব্লক একটি সমন্বিত প্যালেট ভাগ করে।

নিম্নলিখিত ফাংশনগুলি কল করে প্রতিটি অ্যাপ্লিকেশনের জন্য স্যাচুরেশন এবং মানগুলি অভিযোজিত করা যেতে পারে:

Blockly.utils.colour.setHsvSaturation(0.45) // 0 (inclusive) to 1 (exclusive), defaulting to 0.45
Blockly.utils.colour.setHsvValue(0.65) // 0 (inclusive) to 1 (exclusive), defaulting to 0.65

বেশ কিছু কালার পিকার HSV কালার স্পেস অফার করে, যেমন HSV পিকার । Blockly এর স্যাচুরেশন এবং মান ধ্রুবক লিখুন (ডিফল্টগুলি যথাক্রমে 45% এবং 65%), তারপরে একটি নির্বাচিত রঙে রঙ স্লাইড করুন। colour মান হিসাবে এই হিউ সংখ্যাটি ব্যবহার করুন।

আরজিবি

HSV রঙের স্থান ব্যবহার করা অত্যন্ত বাঞ্ছনীয়, তবে ব্লকলি #RRGGBB হেক্সাডেসিমাল স্ট্রিং হিসাবে নির্দিষ্ট করা রঙগুলিকে সমর্থন করে। যদিও এটি অন্যান্য অ্যাপ্লিকেশনের রঙ (যেমন, CSS-এ শৈলী) এবং ডিজাইন অ্যাপ্লিকেশনগুলির (যেমন, ফটোশপ) সাথে সমন্বয়কে সহজতর করতে পারে, তবে এটি একটি ডিজাইনের ঝুঁকি যা সাবধানে নির্বাচন না করলে সমন্বয়হীন ব্লক হতে পারে।

আপনার কাছে উৎসর্গকৃত ভিজ্যুয়াল ডিজাইন রিসোর্স না থাকলে, HSV রঙের জায়গার সীমাবদ্ধতার মধ্যে কাজ করার পরামর্শ দেওয়া হয়। যদি এই পদ্ধতিতে সমস্ত রঙকে পুনরায় সংজ্ঞায়িত করার চেষ্টা করা হয়, তবে রঙের উপর Google এর উপাদান ডিজাইন সংস্থানগুলি বিবেচনা করুন।

রঙের নাম

এছাড়াও আপনি W3C দ্বারা সংজ্ঞায়িত রঙের নাম ব্যবহার করে রং নির্দিষ্ট করতে পারেন।

রঙের উল্লেখ

প্রায়শই, একাধিক ব্লক একই রঙ ভাগ করে, এবং রঙের সংজ্ঞা কেন্দ্রীকরণ করা রং পরিচালনা সহজ করে এবং সঠিক রঙের নতুন ব্লক যোগ করে। ব্লক রং এবং টুলবক্স বিভাগ ঠিক এটি করতে স্থানীয়করণ টোকেন ব্যবহার করতে পারে।

ব্লকলি স্ট্রিং টেবিলে নয়টি রঙের ধ্রুবক অন্তর্ভুক্ত করে, টুলবক্স বিভাগের সাথে সম্পর্কিত, এবং গতিশীল ভেরিয়েবলের জন্য একটি স্বতন্ত্র রঙ:

'%{BKY_LOGIC_HUE}'
'%{BKY_LOOPS_HUE}'
'%{BKY_MATH_HUE}'
'%{BKY_TEXTS_HUE}'
'%{BKY_LISTS_HUE}'
'%{BKY_COLOUR_HUE}'
'%{BKY_VARIABLES_HUE}'
'%{BKY_VARIABLES_DYNAMIC_HUE}'
'%{BKY_PROCEDURES_HUE}'

এই স্ট্রিং মানগুলি JSON সংজ্ঞা এবং block.setColour(..) উভয় ক্ষেত্রেই ব্যবহার করা যেতে পারে।

আপনি Blockly.Msg এ যোগ করে আপনার নিজস্ব রঙের ধ্রুবক যোগ করতে পারেন:

// Define the colour
Blockly.Msg.EVERYTHING_HUE = '42';
// Use in a block or block definition:
block.setColour('%{BKY_EVERYTHING_HUE}');

স্থানীয়করণ স্ট্রিং টেবিলে রঙগুলি সংরক্ষণ করা অস্বাভাবিক মনে হতে পারে, তবে JSON স্বরলিপিতে ইতিমধ্যেই রেফারেন্সগুলির জন্য সমর্থন রয়েছে বলে এটি সুবিধাজনক। এটি প্রয়োজনে রঙগুলিকে স্থানীয়করণের অনুমতি দেয়।