3879| 1
|
【视频侦测】Mind+点亮Microbit点阵(一) |
【视频侦测】Mind+点亮Microbit点阵(一) 准备工作(一) 一、颜色科普 颜色模式 颜色的实质是一种光波。它的存在是因为有三个实体:光线、被观察的对象以及观察者。人眼是把颜色当作由被观察对象吸收或者反射不同波长的光波形成的。 颜色模式,是将某种颜色表现为数字形式的模型,或者说是一种记录图像颜色的方式。分为:RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式。 在这里仅介绍Mind+中涉及的两种色彩模式。 RGB颜色模式 虽然可见光的波长有一定的范围,但我们在处理颜色时并不需要将每一种波长的颜色都单独表示。因为自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得,这就是人们常说的三基色原理。因此,这三种光常被人们称为三基色或三原色。有时候我们亦称这三种基色为添加色(Additive Colors),这是因为当我们把不同光的波长加到一起的时候,得到的将会是更加明亮的颜色。把三种基色交互重叠,就产生了次混合色:青(Cyan)、洋红(Magenta)、黄(Yellow)。这同时也引出了互补色(Complement Colors)的概念。基色和次混合色是彼此的互补色,即彼此之间最不一样的颜色。例如青色由蓝色和绿色构成,而红色是缺少的一种颜色,因此青色和红色构成了彼此的互补色。在数字视频中,对RGB三基色各进行8位编码就构成了大约1677万种颜色,这就是我们常说的真彩色。顺便提一句,电视机和计算机的监视器都是基于RGB颜色模式来创建其颜色的。 ARGB ARGB是一种色彩模式,也就是RGB色彩模式附加上Alpha(透明度)通道,常见于32位位图的存储结构。 HSB颜色模式(HSV、HSL) 从心理学的角度来看,颜色有三个要素:色泽(Hue)、饱和度(Saturation)和亮度(Brightness)。HSB颜色模式便是基于人对颜色的心理感受的一种颜色模式。它是由RGB三基色转换为Lab模式,再在Lab模式的基础上考虑了人对颜色的心理感受这一因素而转换成的。因此这种颜色模式比较符合人的视觉感受,让人觉得更加直观一些。它可由底与底对接的两个圆锥体立体模型来表示,其中轴向表示亮度,自上而下由白变黑;径向表示色饱和度,自内向外逐渐变高;而圆周方向,则表示色调的变化,形成色环。 HSL 和 HSV(也叫做 HSB)是对RGB 色彩空间中点的两种有关系的表示,它们尝试描述比 RGB 更准确的感知颜色联系,并仍保持在计算上简单。HSL 表示 hue(色相)、saturation(饱和度)、lightness(亮度),HSV 表示 hue、saturation、value(色调) 而 HSB 表示 hue、saturation、brightness(明度)。 AHSB 类似于ARGB,同样是在HSB原色彩模式的基础上加入透明度属性。 Mind+在画笔中及(取色器)积木上,强力支持HSB模式。
一、进制转换 1、十进制转十六进制
为什么要转十六进制,因为……话说有些长。
(取色器)积木本身就是用十六进制来设置颜色的。
(1)在Mind+中,侦测区的“碰到颜色”模块,可以提取,舞台屏幕任意区域的颜色。
(2)我们同时也发现,这个颜色值也可以放入变量
(3)那变量值又是怎样的形式?
我们接下来采用RGB色彩模式(好理解),R红色,G绿色,B蓝色。范围在0-255。全0为黑,全255为白。如纯红色RGB(255,0,0),对应的HSL值为(色调,饱和度,亮度)(0,240,120)。相关信息可百度。
(4)变量里要放颜色值的十六进行制形式
注意:(取色器)积木本身就是用十六进制来设置颜色的。 在计算机中,RGB颜色通常以十六进制表示法编写,Scratch也不例外。使用十六个不同的数字(0-9,然后是AF),十进制10对应A,11对应B,依次类推。。前两位数字表示从0(00)到255(FF)的红色数量。后两位数字表示从0(00)到255(FF)的绿色量。第三个两位数表示从0(00)到255(FF)的蓝色量。例如,红色为100%红色,0%蓝色和0%绿色。因此,十六进制值将#FF 00 00(FF,00,00),其中FF是最大的2位十六进制数(因此颜色包含最多的红色)。这也称为24位RGB,因为这种表示法有24位,每个十六进制数字有4位。 如“0xFF1AE5”,“0x”中“0”为数字零。
Mind+中没有进制转换,需要我们自己来进行转换。
(5)、十进制转十六进制方法(一)
7、十进制转十六进制方法(二)
这个比较简单,为什么不先说?方法一也很有意义,思路和方法在以后也许用的上。
RGB模式的使用方法(公式) 可以利用公式分别控制R,G和B的值来混合RGB颜色。代码如下
2、舞台中的颜色如何取得RGB值
可通过windows附件中的截图工具截图,粘贴到“画图”软件中,利用吸取颜色工具后,进行颜色编辑,就可以看到。 也可使用360浏览器截图(Ctrl+G),鼠标指向取RGB颜色值,QQ截图同理。 3、取到大致颜色,在光照不变化的情况下,如有变化重新采集。
【视频侦测】Mind+点亮Microbit点阵(二) 【视频侦测】Mind+点亮Microbit点阵(三) |
© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed