ব্লক রং

বেশিরভাগ ব্লকলি অ্যাপ্লিকেশনগুলি ব্লকগুলিকে দৃশ্যত শ্রেণিবদ্ধ করতে বিভিন্ন ধরণের ব্লক রঙ ব্যবহার করে। ব্লকলির সাথে পাঠানো ব্লকগুলি ডেমোতে বিভিন্ন টুলবারের বিভাগ দ্বারা প্রতিফলিত রং সহ বিভিন্ন বিভাগ অন্তর্ভুক্ত করে:

ব্লকের অতিরিক্ত রং প্রধান রং থেকে উদ্ভূত হয়। উদাহরণস্বরূপ, শ্যাডো ব্লকগুলি হল প্রধান রঙের একটি ডিস্যাচুরেটেড সংস্করণ, এবং বর্ডার রঙগুলি একটি গাঢ় সংস্করণ।

টিপ: আপনি যদি শ্যাডো ব্লক বা বর্ডার রঙের উপর আরো নিয়ন্ত্রণ চান, তাহলে একটি থিম সংজ্ঞায়িত করা সম্পর্কে জানুন।

ব্লক রঙ সেট করুন

ব্লকের রঙ JSON বা জাভাস্ক্রিপ্ট নোটেশনে সংজ্ঞায়িত করা যেতে পারে:

JSON

{
  // ...,
  "colour": 160,
}

জাভাস্ক্রিপ্ট

init: function() {
  // ...
  this.setColour(160);
}

ব্রিটিশ বানান লক্ষ্য করুন। রঙ সেট করতে ব্যর্থ হলে একটি কালো ব্লকে ফলাফল।

রঙ বিন্যাস

colour মান HSV বা Hex বিন্যাসে দেওয়া যেতে পারে।

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

একটি ব্লকের রঙ সংজ্ঞায়িত করার সবচেয়ে সহজ উপায় হল 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 এর উপাদান ডিজাইন সংস্থানগুলি বিবেচনা করুন।

রঙের উল্লেখ

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

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

'%{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 স্বরলিপিতে ইতিমধ্যেই রেফারেন্সগুলির জন্য সমর্থন রয়েছে বলে এটি সুবিধাজনক। এটি প্রয়োজনে রঙগুলিকে স্থানীয়করণের অনুমতি দেয়।

অ্যাক্সেসযোগ্যতা উদ্বেগ

ব্লকলি প্রতিটি ব্লকের ভূমিকা সম্পর্কে একটি শক্তিশালী ইঙ্গিত হিসাবে এবং ব্লকগুলিকে একত্রে গোষ্ঠীভুক্ত করার জন্য রঙ ব্যবহার করে। অন্তর্ভুক্ত ব্লকগুলির জন্য, এই সামর্থ্য ব্লকের পাঠ্যের জন্য গৌণ, এবং তাই একটি সমালোচনামূলক বৈশিষ্ট্য নয়। যাইহোক, একটি ব্লক রঙের প্যালেট নির্বাচন করার সময়, রঙের অন্ধত্ব একটি বিবেচনা করা উচিত।

ব্লকলি কিছু ধরণের রঙ দৃষ্টি ঘাটতি মিটমাট করার প্রয়াসে বেশ কয়েকটি থিম সরবরাহ করে। এই পৃষ্ঠায় 7, 12 এবং 15টি রঙের প্যালেটের উদাহরণ রয়েছে যা বর্ণান্ধতার সবচেয়ে সাধারণ ফর্মগুলির মধ্যে পার্থক্য সর্বাধিক করার চেষ্টা করে। মনে রাখবেন যে এটি ব্লকলিতে 7, 12, বা 15টি ব্লক বিভাগে ম্যাপ করবে না, কারণ কিছু শেড শ্যাডো ব্লক এবং ক্ষেত্রগুলির জন্য সংরক্ষিত হওয়া উচিত।