有三個步驟你需要知道

使你的圖畫顯得五彩繽紛

讓我們先從幫背景填色開始

要做到這點，只要寫background和 (

然後這行的其餘部分會自動完成

如果你仔細看，你會注意到這其實是一個函數呼叫

看，函數的名稱在這

background，然後 ()

有三個參數在裡面，被逗號隔開

這三個數字代表紅、綠及藍的量

在背景顏色中

可以被設成從 0 到 255 的其中一個數字

0 是指完全沒有該色

而 255 是指我們要輸出該色最大值

現在，我要輸出紅色最大值而不用藍和綠

這就是為什麼背景是超級明亮的紅色

如果我使第一個數字變小，就會比較不紅

因此它看起來會像個較暗的紅色

我可以繼續調整一下這些數字

並看看我可以造出什麼樣的顏色

或者，我可使用我們便利絕妙的選色器

它會幫我設定全三個數字

現在最重要的是要知道

背景函數真正做的事

只是畫一個大大有顔色的正方形在這整個畫布上

如果我像這樣把它移到我程式的最末端

它便會把那大背景正方形

畫在我所有圖形的上面

也許你正在想：那真笨，

哪會有人想那麼做？

但，世事難料

我們暫時先把它留在上方

現在，來把我們的圖形塗色吧！

也許能輔助你的就是把電腦想成

一個顏色助理

或某種顏色管家

基本上就是某個負責顏色的人

這顏色負責人只能拿一個彩色筆在他的左手

及一桶油漆在他的右手

電腦使用彩色筆去畫所有這些邊框

而用那桶油漆去填滿圖形

現在，彩色筆是黑色，而桶子內有白漆

你可以改變彩色筆的顏色

靠著呼叫這函數，stroke

它會自動完成，然後你可以選取一個顏色

這會替換顏色負責人拿著的彩色筆

所以在這行後畫的所有圖形

將會用一隻粉紅色的彩色筆來畫

有時候你不想要邊框在你的圖形上

那也有個函數！

它叫做noStroke，而這是第一次

我們看到一個不帶任何參數的函數

我們只有這一組空的 () 和 ;

現在你能看到我們的圖形沒有邊框

我們可以替換顏色負責人的油漆桶

靠著呼叫這函數，Fill

現在，從這行程式碼往前繼續

你將用這明亮的紅色塗滿所有圖形

就像我們有一個noStroke函數

我們也有一個noFill函數，也不帶任何參數

它使我們所有的圖形變透明，它們沒被塗色

現在讓我們繼續幫這個人塗色

我們開始先畫一個三角形作為他的身體

我要選一個stroke顏色給它

設定邊框

讓我們用一個暗綠色

現在我們選個填充色

嗯...什麼好呢？也許來個較淺的綠色

淺一點的綠色，不錯

而他的臉，我們不想他的臉有綠色的邊框

所以我會改他臉的stroke顏色

我想要一個暗褐棕色的邊框

然後挑選一個不同的fill顏色

天啊！

哪一個臉的顏色適合呢？嗯…

那是比較適合臉的顏色，對吧？

現在，接下來兩行，這兩個橢圓形，是他的手

我要他的手跟他的臉一樣顏色

所以我不會替換彩色筆

我不會替換油漆桶

我們只要保持stroke和fill相同

然後繼續到他的嘴巴

他的嘴就是這條線

而線沒有fill顏色因為沒有什麼可填

但我們可以改這線的邊框顏色

紅色是個蠻適合他嘴巴的顏色

現在，輪到他的鏡框

再一次地，我們只需要設定stroke

什麼顏色適合眼鏡呢？

黑色蠻經典的

而他的眼鏡鏡片呢

我想矩形跟他的鏡框有相同的邊框

我不會去改stroke，但我會給它一個填fill顏色

把它設成黑色來配鏡框

好了，我們老兄塗好色了！

喔～～～～耶！