自造手冊：新工業革命實務指南

第 19 章 Processing

198

累加的指令如下：

x = x + pitch;

改變方向的位置（例如改變 pitch 變數的

正負號）就是視窗的邊界：

if (x == 0 || x == width)

{

//

改變方向

}

雙 ||（雙直線）字元是稱為 or 的

布林運

算子

（

Boolean operator

）：當第一個狀況

（x == 0）”或”第二個狀況（x == width）

為真時，它會回傳一個 true 值。如果兩個

狀況任一個為真的話，Processing 會把括

號中的整體敘述視為真。在此將 pitch 變

數的正負號對調，至終讓圓圈改變方向：

if (x == 0 || x == width)

{

pitch = -pitch;

}

完整的草稿碼如

範例 19-1

。

範例 19-1

第一支動畫

int x = 0;

int pitch = 1;

void setup()

{

size(500, 200);

}

void draw()

{

background(220);

ellipse(x, height/2,50, 50);

x = x + pitch;

if (x == 0 || x == width)

{

pitch = - pitch;

}

}

多多練習，請修改程式碼來調整圓圈的

速度。真的不難喔！

有多少個圓圈？

如果想要畫出多個圓圈，還要能移動，

每個圓圈的速度與顏色都分別指定，要

怎麼辦呢？這件事就真的複雜多了。對

單一個圓圈來說，您需要兩個座標來指

定 圓 心、 兩 個 數 值 來 指 定 高 度 與