UU_week01

2023/09/14

[官網網址](https://processing.org/)

開視窗

背景上色

void draw

> 滑鼠到的地方會畫上8x8的圓形

// Interactive Mode (Active Mode) 互動模式
void setup() // 設定
{
  size(500, 500);
  background(219, 205, 201);
}
void draw()
{
  ellipse(mouseX, mouseY, 8, 8);

}

mousePressed

// Interactive Mode (Active Mode) 互動模式
void setup() // 設定
{
  size(500, 500);
  background(219, 205, 201);
}
void draw() // 畫圖, 一秒畫60次
{ // 如果有按下mouse就畫線, 滑鼠座標mouseX, mouseY, 
  // 到上一個滑鼠座標pmouseX, pmouseY
  if (mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}

全選後可以選擇複製為HTML程式, 就可以貼有顏色的程式碼在blog上

void keyPressed

// Interactive Mode (Active Mode) 互動模式
void setup() // 設定
{
  size(500, 500);
  background(219, 205, 201);
}
void draw() // 畫圖, 一秒畫60次
{ // 如果有按下mouse就畫線, 滑鼠座標mouseX, mouseY, 
  // 到上一個滑鼠座標pmouseX, pmouseY
  if (mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}
void keyPressed() // 按下鍵盤
{
  if (key == '1') stroke(255, 0, 0); // 如果按下數字1, 色筆就改成紅色
  if (key == '2') stroke(0, 255, 0); // 如果按下數字2, 色筆就改成綠色
  if (key == '3') stroke(0, 0, 255); // 如果按下數字3, 色筆就改成藍色
} 

save

> 要先儲存才可以存圖片

strokeWeight

> 改變筆刷大小

// Interactive Mode (Active Mode) 互動模式
void setup() // 設定
{
  size(500, 500);
  background(219, 205, 201);
}
void draw() // 畫圖, 一秒畫60次
{ // 如果有按下mouse就畫線, 滑鼠座標mouseX, mouseY, 
  // 到上一個滑鼠座標pmouseX, pmouseY
  if (mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}
void keyPressed() // 按下鍵盤
{
  if (key == '1') stroke(255, 0, 0); // 如果按下數字1, 色筆就改成紅色
  if (key == '2') stroke(0, 255, 0); // 如果按下數字2, 色筆就改成綠色
  if (key == '3') stroke(0, 0, 255); // 如果按下數字3, 色筆就改成藍色
  if (key == 's' || key == 'S') save("output.png"); 
  if (key == '+') strokeWeight(10);
  if (key == '-') strokeWeight(1);
}

strokeWeight Part2
> 更多筆刷大小
// Interactive Mode (Active Mode) 互動模式
void setup() // 設定
{
  size(500, 500);
  background(219, 205, 201);
}
void draw() // 畫圖, 一秒畫60次
{ // 如果有按下mouse就畫線, 滑鼠座標mouseX, mouseY, 
  // 到上一個滑鼠座標pmouseX, pmouseY
  if (mousePressed) line(mouseX, mouseY, pmouseX, pmouseY);
}

int w=1;
void keyPressed() // 按下鍵盤
{
  if (key == '1') stroke(255, 0, 0); // 如果按下數字1, 色筆就改成紅色
  if (key == '2') stroke(0, 255, 0); // 如果按下數字2, 色筆就改成綠色
  if (key == '3') stroke(0, 0, 255); // 如果按下數字3, 色筆就改成藍色
  if (key == 's' || key == 'S') save("output.png"); 
  if (key == '+') strokeWeight(++w);
  if (key == '-') strokeWeight(--w);
  println(w);
}

網站介紹

[OpenProcessing](https://openprocessing.org/)

[作品上傳](https://openprocessing.org/sketch/2005638)

Github倉庫 (https://github.com/yuutahuang/2023interaction)