Scratch制作颜色面板

陈新龙

图1：Scratch的颜色选取面板

圖2：Phomshop的亮度立方体颜色面板

在使用绘图软件时，我们常常通过软件的“颜色面板”来选择所需的颜色，软件为了方便我们快速准确地选取颜色会提供多种颜色选取方式。比如Scratch提供的颜色、饱和度、亮度滑块方式（如图1）和Photoshop提供的色相立方体模式或亮度立方体模式的颜色面板（如图2）。

今天我们就用Scratch模拟出Photoshop的亮度立方体模式的颜色面板来，并且可以从这个颜色面板提取颜色用于绘画。

首先观察Photoshop的颜色面板的颜色的分布情况，画布为正方形，颜色从红色、紫色、蓝色、绿色向黄色、橙色逐渐变化，这种颜色模式使用的是RGB色，即色板中所有的颜色都是通过Red（红色）Green（绿色）Blue（蓝色）混合而成，右边的单色带用来控制亮度，也就是说整个方形区域的颜色亮度不变，变化的只有颜色和饱和度。仔细观察后我们知道编程的目标就是绘制出一个颜色和饱和度渐变的正方形区域。

第一步：绘制一块正方形的颜色面板，这要用到画笔工具，新建一个空白角色，将初始位置定位在（0，0），画笔的颜色和饱和度初始值都为0，亮度初始值为100。然后增加自制积木模块“颜色画板”，在自制积木模块中，用双重嵌套循环来绘制颜色面板，外层的循环控制Y坐标的变化，内层的循环控制X坐标的变化，X轴的宽度和Y轴的高度都限制在100，这是根据画笔参数取值范围确定的，每次循环增加1;画笔的颜色在内层循环过程增加100次，同时画笔的饱和度在外层循环过程中增加1;每当绘制完一行，要将X坐标恢复到初始值0，并且Y坐标增加1;特别需要注意落笔和抬笔的状态。绘制完成后便可以看到舞台中出现了颜色调料板（如图3）。

绘制完颜色调料板，剩下的事情就从色板中提颜色用来绘画，增加新的积木模块“手动画笔”，在模块中重复执行检测，判断鼠标落在色板的哪个位置，当按下鼠标时，系统会根据画笔落下的位置判断颜色（鼠标的X坐标）和亮度（鼠标的Y坐标），然后按下空格键画笔便可以根据我们鼠标方向进行绘制了（如图4）。

这个程序简单又有趣，我们竟然可以用Scratch自制出一个颜色面板，还可以提取颜色。有兴趣的同学还可以结合我们之前学过的知识，将色板和几何图案结合在一起，制作出与众不同的特色图案花纹，赶紧动手试试看吧。