第一章：我重生了，重生到上技術概論的那一天（Week01 Processing入門介紹）

1.標題: 你的品牌系列 介紹

2.檢籤:學號_姓名、週期(ex:Week01)

3.今日上課內容 

3-1. 產生黃色背景

```

size(500, 500);

background(255, 255, 0);

```

3-2.滑鼠點擊變色

```

void setup(){

    size(500, 500);

}

void draw(){

    if(mousePressed)background(255, 0, 0); //滑鼠點下去背景變紅色

    else background(0, 255, 0); //否則背景是綠色

}

```

滑鼠未點擊前

滑鼠點擊後

3-3.用滑鼠畫圖

```

void draw(){

    if(mousePressed)line(mouseX, mouseY, pmouseX, pmouseY);

    //滑鼠按下去，就畫線到 mouse 的 XY座標到 previous mouse XY

}

```

3-4. 按鍵控制線的粗細

```

void keyPressed(){

    if(key == '1') strokeWeight(1);

    if(key == '2') strokeWeight(5);

    if(key == '3') strokeWeight(10);

    // key按下去，看 key 的值，決定線的粗細

}

```

不同粗細的字體

3-4. 按鍵控制線的顏色

```

void keyPressed(){

    if(key == '4') stroke(255, 0, 0);

    if(key == '5') stroke(255, 255, 0);

    if(key == '6') stroke(0, 255, 0);

    if(key == '7') stroke(0, 0, 255);

    if(key == '8') stroke(255, 0, 255);

    // key按下去，看 key 的值，決定線的顏色

}

```

不同顏色的字體

3-6. 練習色碼

```

size(600, 400);

background(#3C2B6C); //顏色代碼 #RGBGBB

rect(100, 100, 400, 200); //在(100, 100)的地方，畫高度400、寬度200的長方形

```

3-7. 練習填充

```

fill(#2AB6BC);

ellipse(300, 200, 100, 100);

```

3-8. week01_8_arc(嘗試畫出吃豆人)

```

size(400, 400);

fill(#FFDC0F);

stroke(255, 0, 0); //不要有邊線的筆觸

//ellipse(50, 50, 100, 100); //本來畫圓

arc(50, 50, 100, 100, 0+1, PI*2 - 1, PIE);

```

3-9. week01_9_for_x_for_y_arc(製作出複數的吃豆人)

```

for(int x = 0; x<400; x+=100){

    for(int y = 0; y<400; y+=100){

        arc(x+50, y+50, 100, 100, 0+1, PI*2 - 1, PIE);

        //X座標, Y座標, 寬, 高, 結束, 頻果派的方向

    }

}

```

4. 功能 快捷鍵

Ctrl + C 複製

Ctrl + V 貼上

Ctrl + Z 還原

Ctrl + N 新文件

Ctrl + T 自動排版

Ctrl + S 存檔

Ctrl + A 全選