processing 03

20
陳信嘉 Processing 迴圈重覆 數便是美

Upload: -

Post on 11-Jul-2015

460 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Processing 03

陳信嘉

Processing 迴圈重覆 數⼤大便是美

Page 2: Processing 03

程式技術準備

Page 3: Processing 03

重覆語法 - 迴圈

重覆執⾏行⼀一段敘述

語法for ( 變數起始; 終⽌止條件; 每次執⾏行 ) { 敘述句; 敘述句; }

Page 4: Processing 03

重覆相同的圖案

例如:在⽔水平 y=100 處畫⼀一排的圓

Page 5: Processing 03

重覆相同的圖案

採⽤用迴圈完成

Page 6: Processing 03

如果一排要畫 50 個呢

先想想相關的數字要變成什麼每一排 50 個400 / 50 = 8 .... (每個圓的寬高)

列出每個數字串列0, 8, 16, 24, 32, .....,392,400

找出規則x = i * 8;(i = 0,1,2,3,....,49,50) ... 一共51個

Page 7: Processing 03

迴圈中的參數

int nx;(數量,由開發者指定)

float sx; (每個寬度,計算得出)

Page 8: Processing 03

數大便是美

Page 9: Processing 03

(1)程式基本結構

Page 10: Processing 03

(2)寫出迴圈的結構

以參數方式定義

迴圈語法

Page 11: Processing 03

(3)做出基本的繪圖

必要的計算

自行設計的繪圖

Page 12: Processing 03

(4)創作改變:線條

Page 13: Processing 03

(5)創作改變:線條的變化

Page 14: Processing 03

(6)創作改變:同心圓

Page 15: Processing 03

(7)創作改變:矩形

Page 16: Processing 03

(8)創作改變:多組線條

Page 17: Processing 03

(9)可以嚐試的試驗

nx = (int)random(2, 50); // 改變數量

strokeWeight(i); // 改變粗細

fill(i*10, 0, 0); // 漸進的顏色變化

造形的設計bezier(x,0, 400,x, 400-x,400, 0,400-x);

Page 18: Processing 03

作業練習

Page 19: Processing 03

作業要求

利用迴圈創作...重覆產⽣生的圖案

作業內含 題⺫⽬目、說明、執⾏行畫⾯面擷圖 (Alt-PrnScr) word檔案、程式檔案 壓縮

作業繳交 email: [email protected] 主旨『程式設計_學號_姓名』

Page 20: Processing 03

......