Scratch制作顏色面板

陳新龍

圖1：Scratch的顏色選取面板

圖2：Phomshop的亮度立方體顏色面板

在使用繪圖軟件時(shí)，我們常常通過軟件的“顏色面板”來選擇所需的顏色，軟件為了方便我們快速準(zhǔn)確地選取顏色會(huì)提供多種顏色選取方式。比如Scratch提供的顏色、飽和度、亮度滑塊方式（如圖1）和Photoshop提供的色相立方體模式或亮度立方體模式的顏色面板（如圖2）。

今天我們就用Scratch模擬出Photoshop的亮度立方體模式的顏色面板來，并且可以從這個(gè)顏色面板提取顏色用于繪畫。

首先觀察Photoshop的顏色面板的顏色的分布情況，畫布為正方形，顏色從紅色、紫色、藍(lán)色、綠色向黃色、橙色逐漸變化，這種顏色模式使用的是RGB色，即色板中所有的顏色都是通過Red（紅色）Green（綠色）Blue（藍(lán)色）混合而成，右邊的單色帶用來控制亮度，也就是說整個(gè)方形區(qū)域的顏色亮度不變，變化的只有顏色和飽和度。仔細(xì)觀察后我們知道編程的目標(biāo)就是繪制出一個(gè)顏色和飽和度漸變的正方形區(qū)域。

第一步：繪制一塊正方形的顏色面板，這要用到畫筆工具，新建一個(gè)空白角色，將初始位置定位在（0，0），畫筆的顏色和飽和度初始值都為0，亮度初始值為100。然后增加自制積木模塊“顏色畫板”，在自制積木模塊中，用雙重嵌套循環(huán)來繪制顏色面板，外層的循環(huán)控制Y坐標(biāo)的變化，內(nèi)層的循環(huán)控制X坐標(biāo)的變化，X軸的寬度和Y軸的高度都限制在100，這是根據(jù)畫筆參數(shù)取值范圍確定的，每次循環(huán)增加1;畫筆的顏色在內(nèi)層循環(huán)過程增加100次，同時(shí)畫筆的飽和度在外層循環(huán)過程中增加1;每當(dāng)繪制完一行，要將X坐標(biāo)恢復(fù)到初始值0，并且Y坐標(biāo)增加1;特別需要注意落筆和抬筆的狀態(tài)。繪制完成后便可以看到舞臺(tái)中出現(xiàn)了顏色調(diào)料板（如圖3）。

繪制完顏色調(diào)料板，剩下的事情就從色板中提顏色用來繪畫，增加新的積木模塊“手動(dòng)畫筆”，在模塊中重復(fù)執(zhí)行檢測(cè)，判斷鼠標(biāo)落在色板的哪個(gè)位置，當(dāng)按下鼠標(biāo)時(shí)，系統(tǒng)會(huì)根據(jù)畫筆落下的位置判斷顏色（鼠標(biāo)的X坐標(biāo)）和亮度（鼠標(biāo)的Y坐標(biāo)），然后按下空格鍵畫筆便可以根據(jù)我們鼠標(biāo)方向進(jìn)行繪制了（如圖4）。

這個(gè)程序簡(jiǎn)單又有趣，我們竟然可以用Scratch自制出一個(gè)顏色面板，還可以提取顏色。有興趣的同學(xué)還可以結(jié)合我們之前學(xué)過的知識(shí)，將色板和幾何圖案結(jié)合在一起，制作出與眾不同的特色圖案花紋，趕緊動(dòng)手試試看吧。