Processing新手不完全自學指南 | 003 如何用Processing畫出長方形和圓形？

估計只是換個顏色的話，大家學著肯定不過癮。所以現在我們開始學習怎麼繪製圖形，就是畫畫圓圈，畫畫方塊什麼的。

我們可以先把背景改成純黑的，對應的RGB數值為 0,0,0

其實，如果你留心總結的話你會發現，Processing裡面有些地方是有規律可循的。

比如，變化窗口的大小只需用個命令size然後加上對應的數字就好。

更改顏色的時候，也類似，一個命令background加上對應的數字。

而繪製圖形也是一樣的。

如何用Processing畫個長方形

先試著在背景（background）下面這行輸入個 rect

然後加個括弧「(」

剩下就是輸入對應的圖形參數了。

但是這次的參數是4個數值

（不知道你會不會好奇，為什麼畫個圖形，比如長方形的話，明明是個平面圖形，知道它的長和寬2個參數就好了，幹嘛要有4個數值？）

第一個數值代表圖形在x軸上的位置，也就是從窗口最左邊開始向右的橫向位置坐標

第二個數值代表y軸上的位置，也就是從窗口頂部向下算起的縱向坐標

第三個數值是長方形的寬度

第四個數值是長方形的高度

（看到這裡，你是否明白為什麼要4個數值了？ 因為雖然一個長方形只需長和寬2個參數就能表達出來，但是在這裡，還需要用另外2個參數表達出它在窗口的位置。）

這裡我們可以先把長方形的4個數值設定成（60,80,100,120）

然後我們可以點擊運行按鈕看下效果

好啦，這就是畫長方形的方法，是不是很簡單？

當然，你要是畫一個長方形不過癮，還可以再畫一個。

只需要再次輸入rect的命令就好。

（對啦，畫正方形也可以用這個方法，你只需把長和寬參數設置成一樣就好。）

如何用Processing畫圓？

跟長方形和正方形的情況一樣，雖然圓有正圓和橢圓，但是我們在Processing里，都用橢圓（ellipse）的命令來表示。

而且也是用4個數值表示

第一個數值代表圖形在x軸上的位置，也就是從窗口最左邊開始向右的橫向位置坐標

第二個數值代表y軸上的位置，也就是從窗口頂部向下算起的縱向坐標

第三個數值是圓形的寬度

第四個數值是圓形的高度

（如何寬度和高度一樣的話，就是正圓。）

這裡我們舉2個例子，分別把數值設置成：

ellipse(300,150,100,100);

ellipse(200,100,50,80);

效果如圖：

好啦，今天先到這裡，後續我會慢慢更新。

這裡插播個題外話：大家用Processing的時候，如果一開始對代碼不熟悉也不要慌，因為底部紅色的命令報錯區域會用英文給你提示，比如哪裡錯了，或者提醒你一下一些命令的代碼格式。

P.s. 其實這兩行英文有很多單詞我都不認得（因為忘光了），就是看多了猜的意思。你要是不放心可以用詞典翻譯下……

推薦閱讀：