Processing

1. Processing 迴圈重覆
數⼤大便是美
陳信嘉

2. 程式技術準備

3. 重覆語法 - 迴圈
重覆執⾏行⼀一段敘述
語法
for ( 變數起始; 終⽌止條件; 每次執⾏行 )
{
敘述句;
敘述句;
}

4. 重覆相同的圖案
例如：在⽔水平 y=100 處畫⼀一排的圓

5. 重覆相同的圖案
採⽤用迴圈完成

6. 如果一排要畫 50 個呢
先想想相關的數字要變成什麼
每一排 50 個
400 / 50 = 8 .... (每個圓的寬高)
列出每個數字串列
0, 8, 16, 24, 32, .....,392,400
找出規則
x = i * 8;
(i = 0,1,2,3,....,49,50) ... 一共51個

7. 迴圈中的參數
int nx;
(數量，由開發者指定)
float sx;
(每個寬度，計算得出)

8. 數大便是美

9. (1)程式基本結構

10. (2)寫出迴圈的結構
以參數方式定義
迴圈語法

11. (3)做出基本的繪圖
必要的計算
自行設計的繪圖

12. (4)創作改變：線條

13. (5)創作改變：線條的變化

14. (6)創作改變：同心圓

15. (7)創作改變：矩形

16. (8)創作改變：多組線條

17. (9)可以嚐試的試驗
nx = (int)random(2, 50); // 改變數量
strokeWeight(i); // 改變粗細
fill(i*10, 0, 0); // 漸進的顏色變化
造形的設計
bezier(x,0, 400,x, 400-x,400, 0,400-x);

18. 作業練習

19. 作業要求
利用迴圈創作...重覆產⽣生的圖案
作業內含
題⺫⽬目、說明、執⾏行畫⾯面擷圖 (Alt-PrnScr)
word檔案、程式檔案 壓縮
作業繳交
email: shinjia168@gmail.com
主旨『程式設計_學號_姓名』

20. ......