week03 - yusyuan🌓

week 03互動技術

------------------------------------------------------------------------

🔺 Processing

• google搜尋Processing
• 下載 window 64bit
• 解壓縮並開啟

⧭用滑鼠一筆畫

◎程式碼↓

void setup(){

 size(600,400);

}

void draw(){

 line(mouseX,mouseY,pmouseX,pmouseY)

}

⧭一筆畫加強

◎程式碼↓
void setup(){
 size(600,400);
}
void draw(){
  ellipse(mouseX,mouseY,3,3);
 line(mouseX,mouseY,pmouseX,pmouseY);


}

⧭按按鍵換顏色

• stroke(rgb) ➨筆刷顏色
• srtokeWeight() ➨粗細

◎程式碼↓
void setup() {
  size(600, 400);
}
void draw() {
  if (key=='1') stroke(255, 0, 0);
  if (key=='2') stroke(255, 255, 0);
  if (key=='3') stroke(0, 255, 0);
  if (mousePressed) {
    line(pmouseX, pmouseY, mouseX, mouseY);
   }
}

⧭小畫家

◎程式碼↓
void setup() {
  size(600, 400);
  fill(255, 0, 0);  rect(0, 0, 50, 50);
  fill(255, 255, 0);rect(0, 50, 50, 50);
  fill(0, 255, 0);  rect(0, 100, 50, 50);
  fill(0, 255, 255);rect(0, 150, 50, 50);
  fill(0, 0, 255);  rect(0, 200, 50, 50);
}
void draw() {
  if (mouseX<50 && mousePressed) {
    if (mouseY<50) stroke(255, 0, 0); ///小魚50座標繪畫出紅色
    else if (mouseY<100) stroke(255, 255,0);
    else if (mouseY<150) stroke(0, 255, 0);
    else if (mouseY<200) stroke(0, 255, 255);
    else if (mouseY<250) stroke(0, 0, 255);
    else {
      strokeWeight((mouseY-250)/10);
    }
  }
  if (mouseX>50 && mousePressed) {
    line(pmouseX, pmouseY, mouseX, mouseY);
  }

}

⧭進階小畫家

◎程式碼↓
void setup() {
  size(600, 400);
  fill(255, 0, 0);  rect(0, 0, 50, 50);
  fill(255, 255, 0);rect(0, 50, 50, 50);
  fill(0, 255, 0);  rect(0, 100, 50, 50);
  fill(0, 255, 255);rect(0, 150, 50, 50);
  fill(0, 0, 255);  rect(0, 200, 50, 50);
}
void draw() {


}

void mousePressed(){
    if (mouseY<50) stroke(255, 0, 0);
    else if (mouseY<100) stroke(255, 255,0);
    else if (mouseY<150) stroke(0, 255, 0);
    else if (mouseY<200) stroke(0, 255, 255);
    else if (mouseY<250) stroke(0, 0, 255);
    else {
      strokeWeight((mouseY-250)/10);
    }
 }

 void mouseDragged(){
   if (mouseX>50 && mousePressed) {
    line(pmouseX, pmouseY, mouseX, mouseY);
  }
}

void keyPressed(){
 if(key=='1') stroke(255,0,0);
 if(keyCode==UP) line(300,200,300,0);
 if(keyCode==DOWN)line(300,200,300,400);
 if(keyCode==LEFT)line(300,200,0,200);
 if(keyCode==RIGHT)line(300,200,600,200);

}