41
陳信嘉 Processing - 造型

Processing 01

  • Upload
    -

  • View
    399

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Processing 01

陳信嘉

Processing - 造型

Page 2: Processing 01

繪圖之程式

Page 3: Processing 01

高度可擴充之彈性

Page 4: Processing 01

相關之語言家族

Page 5: Processing 01

開發準備

Page 6: Processing 01

書籍

Page 7: Processing 01

processing.org

下載程式

Page 8: Processing 01

軟體下載

選擇適合的作業系統下載

解開後 (幾乎不用安裝) 即可使用

Page 9: Processing 01

程式啟動

編輯區域

狀態說明

程式執行

Page 10: Processing 01

開始編寫程式

Page 11: Processing 01

基本程式結構

Page 12: Processing 01

基本結構(主要函式)

void setup(){}起始設定(只有第一次執行)

!

void draw(){}畫圖執行(重覆連續不斷)

Page 13: Processing 01

座標觀念 (1)

Page 14: Processing 01

座標觀念 (2)

Page 15: Processing 01

繪圖指令

Page 16: Processing 01

形狀指令

point (點)

line (直線)

triangle (三角型)

quad (四邊形)

rect (矩形)

ellipse (橢圓、圓)

arc (弧形、弧形區域)

Page 17: Processing 01

形狀 (1)

Page 18: Processing 01

形狀 (2)

Page 19: Processing 01

形狀 (3)

Page 20: Processing 01

角度 (徑度)

Page 21: Processing 01

圓弧範例

Page 22: Processing 01

綜合範例

Page 23: Processing 01

畫圖的順序

Page 24: Processing 01

顏色指定

Page 25: Processing 01

灰階

background()

stroke()

noStroke()

fill()

noFill()

Page 26: Processing 01

全彩

Page 27: Processing 01

顏色選擇工具

Page 28: Processing 01

細節處理

Page 29: Processing 01

平滑處理

smooth() 函式

Page 30: Processing 01

線的粗細

strokeWeight() 函式

Page 31: Processing 01

自訂形狀指令

beginShape(); vertex(略); vertex(略);endShape(CLOSE);

Page 32: Processing 01

範例

Page 33: Processing 01

練習

Page 34: Processing 01

綜合練習

Page 35: Processing 01

變化應用

Page 36: Processing 01

比較 (1)

Page 37: Processing 01

比較 (2)

Page 38: Processing 01

比較 (3)

Page 39: Processing 01

作業練習

Page 40: Processing 01

作業要求

利用繪圖指令創作...⾃自⾏行設計造型圖案

作業內含 題⺫⽬目、說明、執⾏行畫⾯面擷圖 (Alt-PrnScr) 包含word 檔案、程式檔案 壓縮,檔名為『學號_姓名.zip』

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

Page 41: Processing 01

......